Kindeditor rails3 插件 支持上传图片和mongoid

一直比较喜欢Kindeditor,不过上传图片我一直没看他的代码,前二天看到http://dnnta.iteye.com/blog/746577 这个帖子,弱于明白kindeditor 图片上传的json了,就做了个简单的plugin,功能比较简单,主要是方便自己使用。支持active_record 和 mongoid..

插件地址:[url=http://github.com/doabit/kindeditor]kindeditor-rails3[/url]

要求:rails3 ,paperclip(如果使用mongoid,请注意修改paperlcip以支持mongoid,,具体可睦:[url=http://doabit.iteye.com/admin/blogs/735291]Mongoid 文件上传CarrierWave 和paperclip[/url])

1.安装:
以plugin形式

rails plugin install git://github.com/doabit/kindeditor.git


以gem形式
sudo gem install kindeditor


2. 修改Gemfile 添加,

gem 'kindeditor'
gem 'paperclip'


3.运行 generator ,安装所压根的文件.
rails g kindeditor:install


4.使用,如果使用active_record,要先执行
  rake db:migrate


5.在layouts 中添加
<%=kindeditor_javacript_include_tag%>


6. 给textarea 添加ID “ kindeditor”

7.支持mongoid,

8. 插件会添加以下文件
  app/controllers/kindeditor_controller.rb
app/models/kindeditor_image.rb
public/javascripts/kindeditor/*


9.如要修改kindeditor参数, 可修改
public/javascripts/kindeditor/kindeditor_config.js



使用例子:(已经安装kindeditor..paperclip)
1/创建 CRUD for Post
rails generate scaffold post title:string body:text


2.Run Migrations

 rake db:migrate


3.修改 application.html.erb

 <%=kindeditor_javacript_include_tag%>


4.修改 views/posts/_form.html.erb

 <%= f.text_area :body,:id => "kindeditor" %>


---------------------------

继续打票房:
转载注明:[url=http://www.iteye.com]javaeye[/url]--[url=http://doabit.iteye.com/]doabit[/url]..

你可能感兴趣的:(rails)