summernote

Question

のヘッダータグのカスタムスタイルを追加する方法カスタムスタイルを適用したsummernoteのカスタムh1タグボタンを作成する必要があります。ヘッダーh1のカスタムボタンを作成しましたが、カスタムを追加する方法はわかりませんコード

var HelloButton = function (context) { 
    var ui   = $.summernote.ui; 
    // create button 
    var button = ui.button({ 
    contents: '<h1/>H1', 
    tooltip: 'Custom H1', 
    click: function() { 
     var range = context.invoke('editor.createRange'); 
     // invoke insertText method with 'hello' on editor module. 
     var h1 = context.invoke('editor.formatH1'); 
     // $(h1).text(range.toString()); 
     context.invoke('editor.styleFromNode','h1'); 
    } 
    }); 

    return button.render(); // return button as jquery object 
} 

にCSSクラスをまたないfeasible.Belowされている追加するので、保存にit.Iのスタイルは、スタイルでデータを送信する必要がtags.Iすべてのヘッダに font-styleと font-familyのカスタムインラインスタイルを追加します

私が作成したカスタムボタンのカスタムインラインスタイルを追加する方法を教えてください。

ありがとうございます。

Answer 1

インラインヘッダー要素にCSSスタイルを追加しました。

contents: '<h1 style= "font-size:10px">H1</h1>', 

または

cssClass: customStyle 

.customStyle {フォントサイズ：10pxの}