登录 主页

使用 ckeditor gem

2023-08-04 10:15AM

安装

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/<version.number>/<distribution>/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). 标准：

<script src="//cdn.ckeditor.com/4.19.0/standard/ckeditor.js"></script>

3). 基本：

<script src="//cdn.ckeditor.com/4.19.0/basic/ckeditor.js"></script>

4). 完整：

<script src="//cdn.ckeditor.com/4.19.0/full/ckeditor.js"></script>

9. 在视图页面增加form helpers

 <%= f.cktext_area :content %>

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

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论