TinyMCE:如何更改格式(“段落”、“标题1”等)

TinyMCE:如何更改格式(“段落”、“标题1”等),tinymce,tinymce-4,Tinymce,Tinymce 4,默认情况下,TinyMCE(4)有一个“段落”▼" 下拉列表,如果你点击它,你会得到一个格式选项列表(“段落”,“标题1”,等等) 我想做两件事。首先,我想更改选项及其名称(例如,更改为“正常”和“标题”),我找到了block_formats选项,该选项正是这样做的: block_formats: 'Normal=p;Heading=h1' 然而,我一直在做第二件事:向生成的元素添加类。当有人选择“Heading”时,我想生成一个,而不是简单的元素 我想也许这会奏效: block_format

默认情况下,TinyMCE(4)有一个“段落”▼" 下拉列表,如果你点击它,你会得到一个格式选项列表(“段落”,“标题1”,等等)

我想做两件事。首先,我想更改选项及其名称(例如,更改为“正常”和“标题”),我找到了
block_formats
选项,该选项正是这样做的:

block_formats: 'Normal=p;Heading=h1'
然而,我一直在做第二件事:向生成的元素添加类。当有人选择“Heading”时,我想生成一个
,而不是简单的
元素

我想也许这会奏效:

block_formats: 'Normal=p;Heading=h1.heading'
…但事实并非如此,而且我还没有找到任何其他选项可以让我这样做。再说一遍,TinyMCE文档并不总是最容易找到答案的地方,这就是我来这里的原因


有人知道我是如何配置TinyMCE的“段落”的吗▼“在生成的元素上具有自定义名称和自定义类的下拉列表?

我从来没有找到这样做的方法,因此我最终做的是完全删除“块格式”下拉列表,并将其替换为(自定义)格式下拉列表。换句话说,我:

  • toolbar1
    config中删除
    formatselect
    (删除不可配置的正常格式下拉列表)
  • 将自定义格式下拉列表(
    styleselect
    )添加到
    工具栏1
    配置中
  • 定义了一个
    style\u用我的自定义样式格式化
    config条目
  • style\u格式
    config如下所示:

    style_formats: [
        {
            title: 'Header',
            inline: 'span',
            classes: 'someClass',
            styles: {someStyle: '5px'}
        },
    ], // next style would go here
    
    这种方法只有两个缺点。首先,下拉列表现在显示“格式”,我似乎无法在任何地方配置。但是我有一个单独的格式下拉列表,只有我想要的选项,这些选项将所需的类添加到格式化文本中,所以下拉列表的名称不是什么大问题

    第二个问题是TinyMCE使用了
    ,这会阻止它使用我们的样式表。我可以为TinyMCE编写一个样式表,然后将其附加到
    (或者使用一些TinyMCE机制,如果有的话)…但是我很懒,所以我只使用每个自定义格式的
    style:
    条目来定义样式