ruby 在活动的管理员表单中看不到Quill编辑器

k10s72fa  于 11个月前  发布在  Ruby
关注(0)|答案(3)|浏览(84)

在活动的管理表单中看不到Quill编辑器。
按照所有的指示从here和整个描述框不显示。同样发生在其他编辑器我尝试。

form title: "Drinks" do |f|
  f.inputs "Drinks" do
    f.input :title
    f.input :description, as: :quill_editor
    f.input :steps
    f.input :source
  end
  f.actions
end

字符串


的数据

wtzytmuj

wtzytmuj1#

请确保您已将active_admin/base包含到您的app/assets/javascripts/active_admin. js文件中:

//= require active_admin/base
//= require activeadmin/quill_editor/quill
//= require activeadmin/quill_editor_input

字符串
这就是我的问题所在。

tquggr8v

tquggr8v2#

我在Active Admin中实现了Quill Rich Text Editor,在Rails 6应用程序中执行以下步骤:
添加宝石:

gem 'activeadmin_quill_editor'
gem 'sassc'

字符串
在app/assets/javascript/active_admin.js中添加以下js代码:

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


在app/assets/stylesheets/active_admin.scss中添加下面的css代码

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


对于默认工具栏选项,请使用以下语法:

form do |f|
  f.inputs 'Notices' do
    f.input :description, as: :quill_editor
  end
  f.actions
end


对于自定义工具栏选项,请使用以下语法:

form do |f|
  f.inputs 'Notices' do
    f.input :description, as: :quill_editor, input_html: { data: { options: { modules: { toolbar: [ ['bold', 'italic', 'underline', 'strike'],['blockquote', 'code-block'],  [{ 'header': 1 }, { 'header': 2 }], [{ 'list': 'ordered'}, { 'list': 'bullet' }], [{ 'script': 'sub'}, { 'script': 'super' }], [{ 'indent': '-1'}, { 'indent': '+1' }], [{ 'direction': 'rtl' }], [{ 'size': ['small', false, 'large', 'huge'] }], [{ 'header': [1, 2, 3, 4, 5, 6, false] }], [{ 'color': [] }, { 'background': [] }], [{ 'font': [] }], [{ 'align': [] }], ['clean'] ] }, theme: 'snow' } } }
  end
  f.actions
end


欲了解更多信息,请访问:

kq0g1dla

kq0g1dla3#

// To view the variables that Active Admin provides, take a look at
// `app/assets/stylesheets/active_admin/mixins/_variables.scss` in the
// Active Admin source
// For example, to change the sidebar width:
// Needs to be done when default CSS was overriden 
// use this in SCSS file  
    @import "active_admin/mixins";
    @import "active_admin/base";
    @import 'activeadmin/quill_editor/quill.snow';
    @import 'activeadmin/quill_editor_input';

字符串

相关问题