如何在summernote中添加標題標籤的自定義樣式

我有要求在summernote中創建自定義h1標籤按鈕並將自定義樣式應用於它。我爲標題h1創建了自定義按鈕，但我不確定如何添加自定義風格它。我想自定義的內聯樣式的font-style和font-family添加到tags.I必須與風格發送數據的所有頭的保存因此增加一個CSS類也沒有feasible.Below是代碼如何在summernote中添加標題標籤的自定義樣式

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 
}

如何爲我創建的自定義按鈕添加自定義內聯樣式。

在此先感謝:)

來源

2017-08-09 Ravikiran Bhat

我想你只需要一個CSS類補充呢？ –

@GerritHalfmann無法添加css類，因爲我在保存中發送了該數據，因此它必須是內聯樣式 –

您已將css樣式添加到嵌入式標題元素中。

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

或

cssClass: customStyle

.customStyle {字體大小：10px的}

來源

2017-08-09 11:46:34

您可以將樣式添加到summernote.css –

如何在summernote中添加標題標籤的自定義樣式

回答

相關問題