Bootstrap 3 WYSIWYG: Показывать только конкретные стили шрифтов в выпадающем меню?

Question

Я в настоящее время использую Bootstrap 3 WYSIWYG. Я создал следующую текстовую:

$(".textarea").wysihtml5({ 
    toolbar: { 
     "font-styles": true, 
     "emphasis": true, 
     "lists": false, 
     "html": false, 
     "link": true, 
     "image": false, 
     "color": false, 
     "blockquote": false 
    } 
}); 

Однако, я хотел бы показать только опции «Normal текст» и «Заголовок 2» в font-styles выпадающего списка. Это возможно?

Answer 1

размер шрифта

var myCustomTemplates = { 
    "font-styles": function (context) { 
     var locale = context.locale; 
     var options = context.options; 
     return "<li class='dropdown'>"+ 
       "<a class='btn btn-default dropdown-toggle btn-"+ options.toolbar.size+"' data-toggle='dropdown'>"+ 
       "<span class='glyphicon glyphicon-font'></span>"+ 
       "<span class='current-font'>"+ locale.font_styles.normal+"</span>"+ 
       "<b class='caret'></b>"+ 
       "</a>"+ 
       "<ul class='dropdown-menu'>"+ 
        "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='p' tabindex='-1'>"+locale.font_styles.normal+"</a></li>"+ 
       "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h2' tabindex='-1'>"+locale.font_styles.h2+"</a></li>"+ 
        "</ul>"+ 
       "</li>"; 
    } 

// pass in your custom templates on init 
$('.textarea').wysihtml5({ 
         toolbar: {"font-styles": true, 
         "emphasis": true, 
         "lists": false, 
         "html": false, 
         "link": true, 
         "image": false, 
         "color": false, 
         "blockquote": false}, 
         customTemplates: myCustomTemplates 
         });