如何将h4标签添加到refinerycms编辑器？

Question

我正在尝试将一个h4标签添加到refinerycms wysiwyg编辑器中.我该怎么做呢？没有找到任何关于此的文件.

我假设我必须对此配置var做一些事情:

config.wymeditor_whitelist_tags = {}

Answer 1

以下说明适用于Refinery CMS的2.xx和3.xx版本.

但是,在版本3.xx中,您将需要使用custom_visual_editor_boot_options而不是custom_wymeditor_boot_options.

使用此文件:https://github.com/refinery/refinerycms/blob/master/core/app/assets/javascripts/admin.js您可以为Refinery中的WYMeditor指定自定义选项.

首先,您需要覆盖该文件:

bundle exec rake refinery:override javascript=admin

现在,打开app/assets/javascripts/admin.js并将其编辑为如下所示:

// Use this to customize the wymeditor boot process
// Just mirror the options specified in boot_wym.js with the new options here.
// This will completely override anything specified in boot_wym.js for that key.
// e.g. skin: 'something_else'
if (typeof(custom_wymeditor_boot_options) == "undefined") { 
  custom_wymeditor_boot_options = {
    containersItems: [
      {'name': 'h1', 'title':'Heading_1', 'css':'wym_containers_h1'}
      , {'name': 'h2', 'title':'Heading_2', 'css':'wym_containers_h2'}
      , {'name': 'h3', 'title':'Heading_3', 'css':'wym_containers_h3'}
      , {'name': 'h4', 'title':'Heading_4', 'css':'wym_containers_h4'}
      , {'name': 'p', 'title':'Paragraph', 'css':'wym_containers_p'}
    ]
  }; 
}

请注意,您正在执行的操作是覆盖boot_wym.js.erb,它仅将h1,h2,h3和p指定为容器标记.请参阅:https://github.com/refinery/refinerycms/blob/2-0-stable/core/app/assets/javascripts/refinery/boot_wym.js.erb#L49-L54

您在custom_wymeditor_boot_options中指定的任何选项都会覆盖boot_wym.js.erb中wymeditor_boot_options内的任何内容,因此请确保它是有效的Javascript,否则编辑器根本不会加载.

希望有所帮助; 如果你需要澄清任何事情,请告诉我.

菲尔