tinymce-4 - 如何直接在tinymce 4的工具栏上获取标题(h1，h2，h3)

Question

我想直接在工具栏上更改标题 (h1,h2,h3)(如 tinymce 版本 3)，因为我在创建新文章时经常使用它。我试图在互联网上搜索，但我没有找到任何答案。请帮我。非常感谢

Answer 1

这个答案肯定来晚了，但也许它可以帮助像我这样的人，人们如何为同样的问题寻找答案。我在这里阅读: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",
});