rails3 中html编辑器 rails_kindeditor-优快云博客

编辑器配置：http://www.kindsoft.net/docs/option.html

1.安装rails_kindeditor,在gemfile中添加如下代码：

(windows下安装rails_kindeditor插件)

gem 'mini_magick', '3.5.0' （carrierwave的前置插件）

gem 'carrierwave'
gem 'rails_kindeditor', '0.3.20'

运行：bundle install

2.在application.js文件中，添加如下代码：

//= require kindeditor

3.在views中添加如下代码应用rails_kindeditor插件

<%=f.kindeditor :id, :width=>50, :height=>50%>

4.设置

当你运行"rails generate rails_kindeditor:install"的时候，安装器会将配置文件拷贝到config/initializers文件夹。
你可以配置以下上传选项：

  # 指定上传目录，目录可以指定多级，都存储在public目录下.
  # You can customize it , eg: config.upload_dir = 'this/is/my/folder'
  config.upload_dir = 'uploads'

  # 指定允许上传的文件类型.
  config.upload_image_ext = %w[gif jpg jpeg png bmp]
  config.upload_flash_ext = %w[swf flv]
  config.upload_media_ext = %w[swf flv mp3 wav wma wmv mid avi mpg asf rm rmvb]
  config.upload_file_ext = %w[doc docx xls xlsx ppt htm html txt zip rar gz bz2]

  # 处理上传文件，需要mini_magick
  # eg: 1600x1600 => 800x800
  #     1600x800  => 800x400
  #     400x400   => 800x800
  # config.image_resize_to_fit = [800, 800]

== 将上传文件信息记录入数据库（可选）

rails_kindeditor 可以将上传文件信息记录入数据库，以便扩展应用.

运行下面的代码，有两项选项：1.active_record 2.mongoid，默认是active_record。

  rails generate rails_kindeditor:migration
  or
  rails generate rails_kindeditor:migration -o mongoid

运行下面的代码：

  rake db:migrate

== License

MIT License.

配置

<%=f.kindeditor :content, :width=>700, :height=>300, 
                :allowFileManager=>true, 
                :items=>items, #所要用到的按钮
                :extraFileUploadParams=>{:zy_story_id=>@zy_story.id} #上传图片、文件、flash等所用到的额外参数 %>

取到编辑器中的值可以，方法：

var editor;
KindEditor.ready(function(K) {
    editor = K.create('#editor_id');  //加载编辑器
});


// 取得HTML内容
html = editor.html();

// 同步数据后可以直接取得textarea的value
editor.sync();
html = document.getElementById('editor_id').value; // 原生API
html = K('#editor_id').val(); // KindEditor Node API
html = $('#editor_id').val(); // jQuery

// 设置HTML内容
editor.html('HTML内容');