Как в редакторе tinyMCE вывести кнопки форматирования заголовков не списком а кнопками?

Решено

Здравствуйте, я хочу в редакторе вывести кнопки для форматирования заголовков h1 и h2. В самом редакторе я не нашел как вывести кнопки по отдельности, а нашел только как вывести все сразу. Для этого используется formatselect. Скажите как можно вывести заголовки по отдельности в виде кнопок?

Добавить Комментарий
    Ответ
     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",
     });
     
    Добавить Комментарий

    Ваш ответ

    Размещая свой ответ, вы соглашаетесь с правилами сайта.