`
gazeldx
  • 浏览: 105875 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

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

阅读更多
本文原来是介绍ckeditor的,但后来ckeditor被我弃用。原因是我找到了更好的rich editor,那就是kindeditor。
kindeditor配置安装都简单,而且更轻便,可以和carrywave连用进行上传,也有rails的一键安装程序,自己去github上面找。而ckeditor界面太复杂了,而且和rails连用时的那个github上的程序是用paperclip进行上传的,paperclip我居然没有成功使用起来,:-)

ckeditor https://github.com/galetahub/ckeditor 我觉得功能挺全,支持ajax上传图片等功能,支持中文,界面可以定制,和rails集成了,就用了一用。
按照github的文档安装,期间在执行rails generate ckeditor:install的时候报错:

gsub  public/javascripts/ckeditor/plugins/image/dialogs/image.js
fetching rails.js 
/home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/net/http.rb:678:in `connect': SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (OpenSSL::SSL::SSLError)
from /home/zj/.rvm/rubies/ruby-1.9.2-p290/lib/ruby/1.9.1/net/http.rb:678:in `block in connect'
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/ruby-1.9.2-p290@rails3.1.0/gems/ckeditor-3.6.3/lib/generators/ckeditor/install_generator.rb:59:in `download_javascripts'
...
from script/rails:6:in `require'
from script/rails:6:in `<main>'
解决办法:修改install_generator.rb
在class InstallGenerator < Rails::Generators::Base这一行后面加:
require 'openssl'
OpenSSL::SSL::VERIFY_PEER = OpenSSL::SSL::VERIFY_NONE
就好了

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

后来报错
Sprockets::FileOutsidePaths in News#new

Showing /home/zj/cms/app/views/news/new.html.haml where line #2 raised:

/javascripts/ckeditor/ckeditor.js isn't in paths: /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/ruby-1.9.2-p290@rails3.1.0/gems/jquery-rails-1.0.16/vendor/assets/javascripts
Extracted source (around line #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"
分享到:
评论

相关推荐

    ruby rails_kindeditor(编译器)插件

    接着,在需要使用富文本编辑器的地方,比如文章或博客的模型中,设置相应的数据库字段类型为 text,并在视图文件中使用 `rails_kindeditor` 提供的 helper 方法来渲染编辑器。 集成过程中,你可能需要关注以下几个...

    rails_kindeditor:用于Ruby on Rails的Kindeditor

    rails_kindeditor将帮助您的rails应用程序与kindeditor集成,包括图像和文件上传。 安装及使用 将此添加到您的Gemfile gem 'jquery-rails' gem 'rails_kindeditor' 注意:Rails 5.1已从默认设置中删除了对jQuery...

    ckeditor-rails, 集成 CKEditor javascript库和 Rails 资产管道.zip

    ckeditor-rails, 集成 CKEditor javascript库和 Rails 资产管道 用于 Rails 资产管道的 CKEditorCKEditor 是一个WYSIWYG编辑器用来使用 inside 网页的库。ckeditor_rails gem 将 CKEditor 与 Rails 资产管道集成在...

    ckeditor-rails:将CKEditor javascript库与Rails资产管道集成

    CKEditor用于铁路资产管道是用于所见即所得编辑器的库,可在网页内使用。 ckeditor_rails gem将CKEditor与Rails资产管道集成在一起。 它可以在以下环境中工作: Ruby1.9.3+ 导轨3.0+基本用法安装ckeditor_rails gem ...

    rich:固执己见的CKEditor编辑器,用于Rails,具有灵活的图像上传功能

    丰富 Rich是CKEditor for Rails 3.2及更高版本的可靠实现。 它包括一个简化的工具栏,简化的对话框和一个自定义文件管理器。 文件管理器也可以与CKEditor分开使用。 目前,Rich与Active Admin,Rails Admin和Vanilla...

    CKeditor编辑器

    在实际应用中,开发者通常会将CKeditor与后端框架(如Django、Rails、Laravel等)结合,通过API接口实现数据的保存和加载。下载的压缩包"ckeditor"可能包含了CKeditor的源代码、文档、示例以及预设的插件,供开发者...

    Rails3 使用rake启动后台任务

    同时,使用日志记录工具(如 Logger 或 Rails 的 logging 功能)记录任务的执行过程。 9. **测试后台任务**: 应该为后台任务编写单元测试,确保它们按预期工作。可以使用 Rails 的测试框架,如 MiniTest 或 RSpec。...

    rails_semantic_logger, Rails 语义记录器用语义记录器替换 Rails 缺省记录器.zip

    rails_semantic_logger, Rails 语义记录器用语义记录器替换 Rails 缺省记录器 Rails 语义记录器 语义记录器用语义记录器替代 Rails 缺省记录器。http://github.com/rocketjob/rails_semantic_logger文档有关完整文档...

    ckeditor3.2编译器

    在提供的`ckeditor用法.txt`文件中,应该包含了ckeditor的详细使用教程和示例代码,可以参照这个文档来快速上手和理解ckeditor的使用方法。 总结来说,ckeditor3.2是网页内容编辑的理想选择,它以其强大的功能、...

    ruby on rails轻松使用

    以上只是Ruby on Rails众多特性和概念的一部分,实际使用中,开发者还会遇到如控制器的before_action、after_action,模型的validations,视图的局部变量,以及各种gem的使用等等。学习和熟练掌握Ruby on Rails,...

    使用Aptana+Rails开发Rails Web应用(中文)

    在开发Web应用时,Ruby on Rails(简称Rails)框架因其高效、简洁的代码风格和强大的社区支持而备受青睐。Aptana是一款强大的集成开发环境(IDE),尤其适用于Rails项目的开发,它提供了丰富的特性来提升开发效率。...

    在rails中 使用RSpec生产CHM文档

    标题 "在Rails中使用RSpec生产CHM文档" 暗示了这个话题是关于如何在Ruby on Rails(简称Rails)框架中使用RSpec测试工具来创建帮助文档,特别是以CHM(Microsoft Compiled HTML Help)格式。CHM文件是一种常见的...

    Rails项目源代码

    这个“Rails项目源代码”是一个使用Rails构建的图片分享网站的完整源代码,它揭示了如何利用Rails的强大功能来创建一个允许用户上传、分享和浏览图片的应用。 1. **Rails框架基础**: Rails的核心理念是DRY(Don't...

    rails, Ruby on Rails.zip

    rails, Ruby on Rails 欢迎使用 RailsRails 是一个web应用程序框架,它包括根据 Model-View-Controller ( MVC ) Pattern 创建数据库备份的web应用程序所需的所有内容。理解 MVC Pattern 是理解 Rai

    关于rails 3.1 cucumber-rails 1.2.0

    Rails 3.1 和 Cucumber-Rails 1.2.0 是两个在Web开发领域非常重要的工具,尤其对于Ruby on Rails框架的测试和自动化流程。本文将深入探讨这两个组件,以及它们如何协同工作来增强软件开发的效率和质量。 首先,...

    Rails进行敏捷Web开发(所有版本的源码rails3.0-4.0)

    Rails是Ruby语言的一个著名Web应用框架,以敏捷开发和“约定优于配置”为设计理念,深受开发者喜爱。在“Rails进行敏捷Web开发(所有版本的源码rails3.0-4.0)”中,包含了Rails从3.0到4.0各个主要版本的源代码,这些...

    Ruby on Rails Guides v2 - Ruby on Rails 4.2.5

    ### Ruby on Rails Guides v2 - Ruby on Rails 4.2.5 #### 一、重要概念及基础假设 - **重要概念**:本指南旨在帮助读者深入理解Ruby on Rails(以下简称Rails)4.2.5版本的核心功能与最佳实践。 - **基础假设**:...

Global site tag (gtag.js) - Google Analytics