ruby中如何使用Ckeditor插件

ckeditor介绍：所见所得编辑器，非常美观，功能很多，加大加粗，还可以上传图片等

官网：http://ckeditor.com/

效果预览：

一：

第一步，安装ImageMagick：

ImageMagick是一个免费的创建、编辑、合成图片的软件。它可以读取、转换、写入多种格式的图片

$ sudo apt-get install imagemagick

第二步，在GemFile中引入三个gem:

gem 'carrierwave'gem 'mini_magick'gem 'ckeditor'

第三步，在有rails环境的情况下，执行下面的命令：

$ rails generate ckeditor:install --orm=active_record --backend=carrierwave

第四步，在application.js里添加下面的代码：

//= require ckeditor/init

第五步,执行下面的命令:

$ rake db:migrate

第六步，在你的erb表单页面中直接引用即可：

<%= form_for @articles do |f| %>  <%= f.cktext_area :text %><% end %>

说明：关键是第二行, cktext_area就可以直接将ckeditor引入到页面中了

--------------------------------------------------------------------------------------------（人工分割线）

二：汉化

1.在app/assets/javascripts/ckeditor下创建config.js，即app/assets/javascripts/ckeditor/config.js

在config.js中增加下面的代码，可以调整高度和语言

CKEDITOR.editorConfig = function( config ) {  // Define changes to default configuration here. For example:  // config.language = 'fr';  // config.uiColor = '#AADC6E';  config.language = 'zh-CN';  config.height='600px'};

-------------------------------------------------------------------------------------------（人工分割线）

三：注意事项

1.ckeditor没有特殊要求，不要做大的改动，因为它特别复杂，能力达不到，直接用即可。

2.ckeditor 会默认吃掉inline style

inline style:行内样式，即

<h1 style="color:blue; text-align:center">This is a header</h1>
<p style="color:red">This is a paragraph.</p>

style中写的css就是行内样式，这里会发现，当我在ckeditor源码中写入行内样式，再切换了另一种方式进行编辑，再返回源码，会发现你之前编辑的行内样式消失了。