`

rails 富文本编辑器

 
阅读更多

Kindeditor是国产的所见即所得javascript富文本编辑器, 访问 http://www.kindsoft.net 获取更多信息. rails_kindeditor可以帮助你的rails程序集成kindeditor,包括了图片和附件上传功能,文件按照类型、日期进行存储。

注意: rails_kindeditor ~> v0.3.0 仅支持Rails3.1+!当然,包括Rails3.1和Rails3.2. 如果你使用rails3.0.x,请使用rails_kindeditor v0.2.8

安装及使用

将下面代码加入Gemfile:

  gem 'rails_kindeditor', '~> 0.3.11'

运行"bundle"命令:

  bundle

安装Kindeditor,运行下面的代码:

  rails generate rails_kindeditor:install

使用方法:

  1. <%= kindeditor_tag :content, 'default content value' %>
     # or <%= kindeditor_tag :content, 'default content value', :width => 800, :height => 300 %>
     # or <%= kindeditor_tag :content, 'default content value', :allowFileManager => false %>
  2. <%= form_for @article do |f| -%>
       ...
       <%= f.kindeditor :content %>
       # or <%= f.kindeditor :content, :width => 800, :height => 300 %>
       # or <%= f.kindeditor :content, :allowFileManager => false %>
       ...
     <% end -%>

你可以像往常那样使用kindeditor自身的初始化参数,请访问 http://www.kindsoft.net/docs/option.html 查看更多参数。

另外,rails_kindeditor还额外提供一个"simple_mode"参数,以便快捷使用简单模式的kindeditor。

  kindeditor_tag :content, 'default content value', :simple_mode => true
  f.kindeditor_tag :content, :simple_mode => true
  f.input :content, :as => :kindeditor, :input_html => { :simple_mode => true } # simple_form & formtastic  

完毕!

SimpleForm与Formtastic集成:

simple_form:

  <%= form.input :content, :as => :kindeditor, :label => false, :input_html => { :width => 800, :height => 300 } %>

formtastic:

  <%= form.input :content, :as => :kindeditor %>
  <%= form.input :content, :as => :kindeditor, :input_html => { :height => 300 } %>

如何获取kindeditor的内容

  <%= form_for @article do |f| %>
    <%= f.kindeditor :content, :editor_id => 'my_editor' %>
  <% end %>

可通过下面的Javascript代码获取内容:

  // Javascript code
  my_editor.html();

上传图片及文件配置

当你运行"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   => 400x400 # 图片小于该限制尺寸则不作处理
  # config.image_resize_to_limit = [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

如果你使用的是mongoid, 请在你的Gemfile里加入'gem "carrierwave-mongoid"'

  gem 'carrierwave-mongoid'

License

MIT License.

 
分享到:
评论

相关推荐

    Trix是Rails框架的创造者开发的一个富文本编辑器

    Trix - 是Rails 框架的创造者开发的一个富文本编辑器

    tiny_mce_customization:富文本编辑器 - Tiny Mce 4,Rails 自定义

    请随意在 Rails 4 上拉取和自定义 tinymce 编辑器版本 4。 由于我在之前的项目中使用了 TinyMce 编辑器,因此我想分享我所做的事情,毕竟分享是关怀 ;) 我添加了菜单按钮、具有子菜单项的菜单项以及一个列表框。 ...

    Trix:用于日常写作的富文本编辑器-开源

    用于日常写作的富文本编辑器。 在您的 Web 应用程序中撰写格式精美的文本。 Trix 是一个用于编写消息、评论、文章和列表的编辑器——大多数网络应用程序都是由这些简单的文档组成的。 它具有复杂的文档模型,支持...

    rails_tiny_mce:Tiny MCE富文本编辑器,用于使用jquery,带有图像和媒体上载支持的回形针的Rails

    RailsTinyMCE-Rails的富文本编辑器TinyMCE是一个javascript RTF编辑器。 很容易与博客,cms,消息和邮件集成。 插件使用jrails(jQuery)和Paperclip插件来支持图像和媒体上传特征提供富文本编辑器可自定义的TinyMCE...

    wysiwtf_editor:富文本编辑器和差异沙盒

    欢迎到Rails的 Rails 是一个 Web 应用程序框架,它包含根据模型-视图-控制模式创建数据库支持的 Web 应用程序所需的一切。 此模式将视图(也称为演示文稿)拆分为“哑”模板,这些模板主要负责在 HTML 标记之间...

    rails-wxshop:Rails Vue商店框架

    整合 ueditor 富文本编辑器 创建后台管理员 bundle exec spree_auth:admin:create 配置七牛云镜像存储与CDN 修改 config/application.yml 文件 default: &default qiniu_domain: "qiniu_domain" qiniu_access_key:...

    spree_pages:Spree 4.2的Shopify样式页面-内置动作文本

    spree_pages 适用于Spree 4.2及更高版本的Shopify样式...如果您希望将TRIX RTF富文本编辑器中内置的Rails 6与“操作文本”一起用于页面,请设置以下Spree配置,并确保已安装“操作文本”。 如有必要,请参阅本指南

    emerald-jabs:全栈Rails学习管理系统

    PostgreSQL :用于存储用户,会话,文档,图像,帖子和评论SQL数据库Rails :用于创建服务器,连接数据库和提供动态HTML内容的全栈框架活动存储:用于上传文件的云存储笔管编辑器:提供的浏览器内富文本编辑器大虾:...

    spree_blogs:Spree博客-Spree 4.2的Shopify风格博客-内置动作文本

    spree_blogs 将您现有的Shopify博客移至Spree,随身携带所有博客帖子和URL。特征管理多个博客(例如Shopify) 多...构型动作文字-TRIX RTE 要使用TRIX富文本编辑器中内置的Rails,请通过Rails指南进行安装和设置操作文

    minsheng:minsheng

    富文本编辑器 图片处理 图片上传 表树形结果的方式存储 禁止assets日志请求 分页 配置rails的插件: new a file: /config/settings.local.yml puts config content as below: database: username: root password: ...

    ForeverNoted:Evernote启发式克隆,可为用户提供更有效地整理笔记和计划日子的功能

    使用React的Quill库对ForeverNoted内部使用的富文本编辑器进行了样式化和准备 特征 音符索引 ForeverNoted具有一个单一的笔记索引,该索引会根据用户希望查看的内容实时更新,无论是特定的笔记本,特定的标签还是...

    redmine 2.6插件包

    redmine_ckeditor:富文本编辑器 redmine_close_button:问题增加关闭按钮 redmine_code_review:代码评审插件,需要按配置代码版本库(SVN, GIT等) redmine_dashboard:仪表盘,方便调整任务 redmine_jquery_...

    spree_summernote:将Summernote RTE添加到Spree Commerce的后端

    Spree的这一扩展将把Summernote 富文本编辑器添加到Spree Commerce后端。 它的边缘很粗糙,目前无法配置,但是很适合我的目的。 我在几个扩展中使用它,并且需要能够在它们之间共享它。 我可能已经将其扩展了很多,...

    java开源包1

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包11

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包2

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包3

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包6

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包5

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    java开源包10

    Spring4GWT ...JARP是为petri 网提供的一个Java编辑器,基于ARP分析器。可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

Global site tag (gtag.js) - Google Analytics