使用 ckeditor gem

安装

1.vim Gemfile

对于基本用法,只需包含 ckeditor gem:
gem 'ckeditor'
gem 'paperclip'

2. 运行

$ bundle install

3. 运行

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

4. 在config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w[ckeditor/config.js]

5. 在 config/application.rb

config.autoload_paths += %w(#{config.root}/app/models/ckeditor)

6. 在 config/routes.rb(有可能运行完第三步之后会自动生成)

mount Ckeditor::Engine => '/ckeditor'

7. 在 config/initializers/ckeditor.rb

Ckeditor.setup do |config|
  # //cdn.ckeditor.com///ckeditor.js
  #增加下面这一行
  config.cdn_url = "//cdn.ckeditor.com/4.6.1/basic/ckeditor.js"
end

8. 在 app/views/layouts/application.html.erb (以下四种可以根据自己的喜好添加)

1). 这个是基本的文本编辑器的形式:(不能在文章中复制粘贴图片)
javascript_include_tag Ckeditor.cdn_url
2). 标准:
3). 基本:
4). 完整:

9. 在视图页面增加form helpers

 <%= f.cktext_area :content %>

做完上面几步, 再去浏览器刷新页面,ckeditor应该就差不多了。

你可能感兴趣的:(前端,javascript)