0.0
No commit activity in last 3 years
No release in over 3 years
gem to use WYSIWYG editor for rails user
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

Runtime

>= 0
~> 3.2.9
 Project Readme

##Smart editor rails gem

소개

NHN에서 개발한 smart editor 를 레일즈 사용자들이 사용하기 쉽도록 만든 gem입니다.

rails3 이상에서 작동하도록 되어 있습니다. rails4에서 사용할 때는 'rails4' branch를 사용하면 됩니다.

스마트에디터 : http://dev.naver.com/projects/smarteditor

미리보기 : http://jindo.dev.naver.com/smarteditor/demo/SmartEditor2.html

Gemfile

Gemfile에 다음과 같이 추가해 주시고

gem 'smart_editor'

Rails4에서는

gem 'smart_editor', github: "goodoc/smart_editor_rails", branch: "rails4" 

와 같이 github 저장소의 rails4 브랜치를 지정해 줍니다.

bundle을 입력하여 gem을 설치한 다음에

Generator

다음과 같은 커맨드를 입력하시면 부수적인 파일들이 설치됩니다. (html, javasciprt, css, 마이그레이션 등등)

rails g smart_editor

Javascript

application.js 에도 다음과 같이 추가해시면 됩니다.

//= require smart_editor

View

그리고 form을 작성하실 때 text_area에 "smart-editor-text-area"라고 클래스를 주시면 됩니다.

<%= f.text_area :desc, :class => "smart-editor-text-area" %>

###이미지 업로드 기능 사용

혹시 이미지업로드 기능을 원하시면다면 다음과 같이 하시면 됩니다.

Gemfile

우선 Gemfile에 다음을 추가하셔서 carrierwave gem을 추가해 주셔야 합니다.

gem 'carrierwave'

Model

model에서 다음을 추가해 주시고

has_editor_images

ex)

class Post < ActiveRecord::Base
  has_editor_images
end

Migration

다음 명령어로 마이그레이션 파일을 생성해 주시면 됩니다.

rake smart_editor:install:migrations

Controller

controller 에서 다음을

SmartEditor::bind_editor_images(self, "model name", [:create, :update])

여기서 두번쨰 파라메터인 model name 스마트 에디터의 편집기능이 적용될 모델의 이름(lower case)을 적어주시면 됩니다. 세번째 파라메터인 [:create, :update] 스마트 에디터에서 편집된 내용이 적용되는 action들을 array로 적어주시면 됩니다.

ex)

class PostsController < ApplicationController
  SmartEditor::bind_editor_images(self, "post", [:create, :update])
  
  def index
    ...
  end
  
  def create
    ...
  end 
  
  def update
    ...
  end
end

View

view 에서는 form_for 안의 block 안에

<%= f.editor_image_field %>

을 입력해주시면 됩니다.

ex)

<%= form_for(@post) do |f| %>

  <%= f.editor_image_field %>
  <%= f.text_area :desc, :class => "smart-editor-text-area" %>
<% end %>

이미지를 포함하고 있는 model의 object가 삭제되었을 경우 거기에 속해있는 이미지 파일들도 같이 삭제됩니다.

LICENSE

Copyright (c) 2013 Goodoc

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.