如何在tinymce 4中直接在工具栏上获取标题(h1，h2，h3)
如何在tinymce 4中直接在工具栏上获取标题(h1，h2，h3)
提问于 2013-11-04 12:56:28
我想直接在工具栏上更改标题(h1，h2，h3) (就像tinymce版本3)，因为我在创建新文章时经常使用它。我试着在网上搜索，但没有找到任何答案。请帮帮我。非常感谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-01-27 23:46:31
这个答案肯定来得太晚了，但也许它可以帮助像我这样的人，人们如何为同样的问题寻找答案。我在这里读到的：http://blog.ionelmc.ro/2013/10/17/tinymce-formatting-toolbar-buttons/
首先，你必须创建插件：
tinyMCE.PluginManager.add('stylebuttons', function(editor, url) {
['pre', 'p', 'code', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].forEach(function(name){
editor.addButton("style-" + name, {
tooltip: "Toggle " + name,
text: name.toUpperCase(),
onClick: function() { editor.execCommand('mceToggleFormat', false, name); },
onPostRender: function() {
var self = this, setup = function() {
editor.formatter.formatChanged(name, function(state) {
self.active(state);
});
};
editor.formatter ? setup() : editor.on('init', setup);
}
})
});
});然后在你的工具栏中使用它：
tinyMCE.init({
selector: '#id',
toolbar: "undo redo | style-p style-h1 style-h2 style-h3 style-pre style-code",
plugins: "stylebuttons",
});Stack Overflow用户
发布于 2014-08-11 07:08:36
tinymce.init({
toolbar: 'undo redo | alignleft aligncenter alignright alignjustify | formatselect fontselect fontsizeselect | bullist numlist | outdent indent',
});这是一种在TinyMCE 4中向工具栏添加H1、段落和其他选项的快捷方法。
有关完整列表，请参阅：http://www.tinymce.com/wiki.php/Controls特定于“核心”部分。这显示了最常用的工具。
Stack Overflow用户
发布于 2018-01-31 00:29:18
使用下面的方法对我很有效
tinymce.init({
toolbar: 'formatselect',
block_formats: 'Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4;',
});编辑器将如下所示：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19761857
复制相关文章
相似问题
腾讯云开发者
