Javascript TinyMCE：样式下拉列表和自定义样式的内容不同

我制作了一个名为“Drop Cap”的自定义样式，在内容中，我当然使用了非常大的字体。但是在“格式”下拉菜单中，我不希望它使用相同的超大字体，我希望它只是普通的。在这里您可以看到问题：

我该如何解决这个问题？看起来tinymce自动从该样式的content_样式中获取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%; }'
});

---

示例：

查看TinyMCE的

预览样式

配置选项：

---

您可以使用它来控制要在菜单中使用多少格式，并在TinyMCE中选择列表

这是一个非常有限的解决方案，它不会在我的情况下工作，因为对于下拉列表中的其他样式，我确实希望保留字体大小-这是我想要删除的一个，以解决问题…不确定您将如何建议编辑知道有时做某事，而其他时间不。。。由于编辑器代码是开源的，您可以随时修改它以满足您的需要。它非常简单-如果编辑器只是生成了适当的类等，而不是硬编码样式属性，那么很容易区分下拉列表、各种下拉选项、，和内容。您可以尝试在另一个元素（如

#editorID.dropcap，#page.dropcap{}

）中包装下拉帽样式，其中

#page

包装您的整个内容。