javascript - 将编辑器与 Active Admin 一起使用

Question

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

我发现了这个将 redactor 与 rails 集成的 gem，所以我尝试设置它：

宝石文件：

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" }

我检查过：

• 编辑器 js/css 文件已正确包含（在浏览器中）。
• 正在我的文本区域上设置编辑器类。

在 redactor-rails 的自述文件中，它说在创建 textarea 之后，您需要调用redactorhelper 来初始化 redactor。但是，该redactor助手不在活动管理表单的范围内。那么我在哪里可以调用它？

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

Answer 1

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

在 active_admin.js 中，添加

//= require redactor-rails

在 active_admin.css.scss 中，添加

@import "redactor-rails";

Answer 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";

Answer 3

在 active_admin.js 中，添加

//= require redactor-rails

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

/*
  *= require redactor-rails
*/

这对我有用:) 参考这个