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