如何在活动管理员上使用操作文本

Question

我正在使用 rails 6.0.0 和 ruby​​ 2.6.0，我想知道在 ActiveAdmin 中使用 ActionText 的最佳方法是什么，我应该使用渲染吗？

Answer 1

我在 ActiveAdmin 中使用了这个f.rich_text_area :content但它对我不起作用所以我在这个Form Partial Tricks之后的自定义表单中添加了<trix-editor>标签但这也不起作用所以我最终使用了这个 gem ActiveAdmin Quill Editor易于设置且运行良好

安装

• 将此添加到您的 Gemfile gem 'activeadmin_quill_editor'

• 在您的app/assets/stylesheets/active_admin.scss文件中，添加以下内容：

@import 'activeadmin/quill_editor_input';

• 在您的app/assets/javascripts/active_admin.js文件中，添加以下内容：

//= require activeadmin/quill_editor/quill
//= require activeadmin/quill_editor_input

例子

# ActiveAdmin article form conf:
  form do |f|
    f.inputs 'Article' do
      f.input :title
      f.input :description, as: :quill_editor
      f.input :published
    end
    f.actions
  end

Answer 2

将此添加到您的 Gemfile

gem 'activeadmin_quill_editor'

在您的应用程序/资产/样式表/active_admin.scss

@import 'activeadmin/quill_editor/quill.snow';
@import 'activeadmin/quill_editor_input';

在你的 app/assets/javascripts/active_admin.js

//= require activeadmin/quill_editor/quill
//= require activeadmin/quill_editor_input

应用程序/管理员/posts.rb

ActiveAdmin.register Post do
  permit_params :title, :text, :tag_list
  form do |f|
    f.inputs 'Article' do
      f.input :tag_list, :input_html => {:value => f.object.tag_list.join(", ") }, :label => "Tags (separated by commas)".html_safe
      f.input :title
      f.input :text, as: :quill_editor, input_html: { data:
        { options:
          { modules:
            { toolbar:
              [%w[bold italic underline strike],
               %w[blockquote code-block],
               [{ 'list': 'ordered' }, { 'list': 'bullet' }],
               [{ 'align': [] }],
               ['link'],
               [{ 'size': ['small', false, 'large', 'huge'] }],
               [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
               [{ 'indent': '-1' }, { 'indent': '+1' }],
               [{ 'direction': 'rtl' }],
               [{ 'color': [] }, { 'background': [] }],
               [{ 'font': [] }],
               ['clean'],
               ['image'],
               ['video']] },
            theme: 'snow' } } }
      # f.input :published
    end
    f.actions
  end
end

它有效。