rails下使用rich editor kindeditor和ckeditor对比记录

本文原来是介绍ckeditor的,但后来ckeditor被我弃用。原因是我找到了更好的richeditor,那就是kindeditor。

kindeditor配置安装都简单,而且更轻便,可以和carrywave连用进行上传,也有rails的一键安装程序,自己去github上面找。而ckeditor界面太复杂了,而且和rails连用时的那个github上的程序是用paperclip进行上传的,paperclip我居然没有成功使用起来,:-)

ckeditorhttps://github.com/galetahub/ckeditor我觉得功能挺全,支持ajax上传图片等功能,支持中文,界面可以定制,和rails集成了,就用了一用。

按照github的文档安装,期间在执行railsgenerateckeditor:install的时候报错:

gsubpublic/javascripts/ckeditor/plugins/image/dialogs/image.js

fetchingrails.js

/home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/net/http.rb:678:in`connect':SSL_connectreturned=1errno=0state=SSLv3readservercertificateB:certificateverifyfailed(OpenSSL::SSL::SSLError)

from/home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/net/http.rb:678:in`blockinconnect'

from/home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/timeout.rb:44:in`timeout'

from/home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/timeout.rb:89:in`timeout'

from/home/zj/.rvm/rubies/ruby-1.9.2-

...

from/home/zj/.rvm/gems/[email protected]/gems/ckeditor-3.6.3/lib/generators/ckeditor/install_generator.rb:59:in`download_javascripts'

...

fromscript/rails:6:in`require'

fromscript/rails:6:in`<main>'

解决办法:修改install_generator.rb

在classInstallGenerator<Rails::Generators::Base这一行后面加:

require'openssl'

OpenSSL::SSL::VERIFY_PEER=OpenSSL::SSL::VERIFY_NONE

就好了

我是按照

railsgenerateckeditor:install这样安装的,会被装到/public/javascripts/ckeditor下。也可按照

railsgenerateckeditor:install--path=public/assets这样的方法安装,因为这样会被装到/public/assets下,这个目录是railsassetspipline预编译的目标路径,也许更好吧。后来我把我安装文件拷贝到了/public/assets/javascripts/ckeditor下

后来报错

Sprockets::FileOutsidePathsinNews#new

Showing/home/zj/cms/app/views/news/new.html.hamlwhereline#2raised:

/javascripts/ckeditor/ckeditor.jsisn'tinpaths:/home/zj/cms/app/assets/images,/home/zj/cms/app/assets/javascripts,/home/zj/cms/app/assets/stylesheets,/home/zj/cms/vendor/assets/stylesheets,/home/zj/.rvm/gems/[email protected]/gems/jquery-rails-1.0.16/vendor/assets/javascripts

Extractedsource(aroundline#2):

%head

=javascript_include_tag"/javascripts/ckeditor/ckeditor.js"

错就错在最前面如果加/,导致查找/app下的目录路径,去掉/则查找public/assets目录下,这才是正确的

http://127.0.0.1:3000/assets/javascripts/ckeditor/_samples/index.html是例子

后来改config.js里面的language为zh-cn,但无效,因为生成的js里面有language:en。所以我自己重新封装了一下,方法如下:

application_helper.rb

module ApplicationHelper
  def ckeditor_js(name)
    raw "<script type=\"text/javascript\">\n<!-- /<![CDATA[ -->\nif (CKEDITOR.instances['"+name+"']) {CKEDITOR.remove(CKEDITOR.instances['"+name+"']);}CKEDITOR.replace('"+name+"', { language: 'zh-cn' });\n<!-- /]]> -->\n</script>"
  end
end

_form.html.haml

=f.text_area :content
=ckeditor_js "news_content"

相关推荐