将编辑器与 Active Admin 一起使用答案

【问题标题】：Using redactor with Active Admin将编辑器与 Active Admin 一起使用
【发布时间】：2012-07-29 12:24:13
【问题描述】：

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

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

gemfile：

gem 'redactor-rails'

外壳：

$ bundle install

config/redactor.yml

lang: 'en'
autoresize: true

config/initializer/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-rails it says 的自述文件中，创建 textarea 后，您需要调用 redactor 帮助器来初始化 redactor。但是，redactor 助手不在活动管理表单的范围内。那么我在哪里可以调用它？

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

【问题讨论】：

你添加到你的 application.js 中了吗：//= 需要 redactor-rails
@Salil 是的 - 我现在已经通过 manually loading it with jQuery 完成了一半的工作，但是 CSS 存在一些问题
Alex，是的，我也有同样的 css 问题。当我直接包含 jquery 插件时，我遇到了这个问题。所以，这是 jquery 的问题，而不是 rails 插件的问题。
我们在“app/assets/javascripts/active_admin.js”文件中有这样的内容： //= 需要 redactor //= 需要 redactor-rails/config
赞成将我指向一个非常可爱的编辑器

【解决方案1】：

哈勃的指示对我来说不太奏效，但这里是有效的...... 按照 gem 页面上的说明，然后是 Active Admin：

在active_admin.js中，添加

//= require redactor-rails

在active_admin.css.scss中，添加

@import "redactor-rails";

【讨论】：

【解决方案2】：

您应该尝试在 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";

【讨论】：

【解决方案3】：

在active_admin.js中，添加

//= require redactor-rails

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

/*
  *= require redactor-rails
*/

这对我有用:) refer this

【讨论】：