将类添加到h1-tag（进入formatselect） - TinyMCE / Wordpress

Question

我想在Wordpress中为tinyMCE的“formatselect”选项添加一个类。因此，当从dopdown中选择h1时，它应生成<h1 class="blue">。

我找到this Post，但无法让它发挥作用。

有什么想法吗？

提前致谢！

Answer 1

虽然并不适合每个人，但所描述的内容仍有效。我会给你一份你需要做的简短清单：

<强> 1。使用content_css tinmce初始化设置

content_css: "http://www.mydomain.com/css/content.css",

<强> 2。创建包含您的类的content.css文件

h1.foo {
    background-color: #F067A0;
}

第3。使用styleformatting tinmce init设置

style_formats: [{
  title: 'My Foo styles'
  }, {
 title: 'Foo',
  block: 'h1',
  classes: 'foo',
  exact: true
,

<强> 4。确保包含样式按钮（tinymce init）

theme_advanced_buttons1: "styleselect",

您应该可以从编辑器中的h1-tag中选择文本，然后从样式的下拉菜单中选择foo。该课程应该应用于您选择的文字。