在Active Admin中使用redactor

时间:2012-07-29 12:24:13

标签: javascript ruby-on-rails activeadmin formtastic redactor

Redactor看起来像一个很棒的富文本编辑器。我想在Active Admin CMS中的特定文本区域中使用redactor。

我发现this gem将redactor与rails集成在一起,所以我尝试设置它:

的Gemfile:

gem 'redactor-rails'

$ bundle install

配置/ redactor.yml

lang: 'en'
autoresize: true

配置/初始化/ active_admin.rb

config.register_stylesheet 'redactor-rails.css'
config.register_javascript 'redactor-rails.js'

我的有效管理资源配置中的输入

f.input :contents, input_html: { id: "redactor_here", class: "redactor" }

我查了一下:

  • 正确包含了redactor js / css文件(在浏览器中)。
  • 正在我的textarea上设置redactor类。

在redactor-rails it says的自述文件中,在创建textarea之后,需要调用redactor帮助程序来初始化redactor。但是,redactor帮助程序不在活动管理员表单的范围内..所以我可以在哪里调用它?

目前浏览器中绝对没有发生任何事情。对此的任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:3)

哈勃的指示对我来说并不适用,但这里有用... 按照gem页面上的说明进行操作,然后进入Active Admin:

在active_admin.js中,添加

//= require redactor-rails

在active_admin.css.scss中,添加

@import "redactor-rails";

答案 1 :(得分:0)

您应该尝试

,而不是在active_admin.rb中注册样式表和js app / assets / javascripts / active_admin.js

//= require redactor
//= require redactor-rails/config

并在 app / assets / stylesheets / active_admin.css.scss

@import "redactor";

答案 2 :(得分:0)

在active_admin.js中,添加

//= require redactor-rails

在active_admin.css.scss中,将其添加到文件顶部

/*
  *= require redactor-rails
*/

这对我有用:) refer this