javascript - TinyMCE:样式下拉列表和自定义样式的内容不同

Question

我制作了一个名为“Drop Cap”的自定义样式，在内容中我当然将其样式设置为非常大的字体。但是在格式下拉菜单中，我不希望它使用相同的非常大的字体，我希望它只是正常的。问题在这里:

我该如何解决这个问题？看起来 tinymce 自动从 content_style 中获取该样式的 CSS，并将其“静态”应用到下拉列表中该元素的样式属性!并且没有适当命名的类或任何我用来覆盖该样式的东西......

我的 JS 代码是:

tinymce.init({
    selector:'textarea',
  style_formats_merge: false,
  style_formats: [
    {"title":"Subheading","block":"h5","classes":"subheading"},
    {"title":"Drop Cap","inline":"span","classes":"dropcap clearfix"}
  ],
  content_style: '.dropcap { float: left; font-size: 4.6em; padding-right: 3px;  line-height: 95%; }'
});

示例:https://jsfiddle.net/TheStoryCoder/L8av738L/

Answer 1

查看 TinyMCE 的 preview_styles 配置选项:

https://www.tinymce.com/docs/configure/editor-appearance/#preview_styles

您可以使用它来控制您希望在 TinyMCE 中的菜单和选择列表中使用多少格式。