Wie benutzerdefinierte Stile für Header-Tags in summernote

Question

Ich habe eine Anforderung zum Erstellen benutzerdefinierter h1 Tag-Schaltfläche in summernote mit benutzerdefinierten Stilen angewendet.Ich habe eine benutzerdefinierte Schaltfläche für Header h1 erstellt, aber bin mir nicht sicher, wie Sie benutzerdefinierte hinzufügen Stil it.I will benutzerdefinierte Inline-Styles von font-style und font-family alle Header hinzufügen tags.I die Daten mit Stilen senden auf eine CSS-Klasse speichern ist auch so das hinzufügen nicht feasible.Below den Code

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 
} 

ist

Wie kann ich benutzerdefinierte Inline-Stile für die benutzerdefinierten Schaltflächen hinzufügen, die ich erstellt habe?

Vielen Dank im Voraus :)

Answer 1

Sie haben den CSS-Stil in Elemente Inline-Header hinzufügen.

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

oder

cssClass: customStyle 

.customStyle {font-size: 10px}