2016-10-04 3 views
0

Bisher war ich leicht einen Absatz als H4 zu formatieren, kann unter Verwendung von:summernote Format Benutzerauswahl mit einer Überschrift

$('#summernote').summernote('formatH4'); 

aber was, wenn ich nur eine Auswahl oder einen Bereich zu formatieren?

ich habe jetzt in einem benutzerdefinierten Überschrift-Taste:

function heading(context) { 
    var ui = $.summernote.ui; 
    var button = ui.button({ 
    contents: '<i class="fa fa-header"/>', 
    click: function() { 
     var range = $('#summernote').summernote('createRange'); 
    } 
    }); 
    return button.render(); 
} 

, was ich will tun, Format, dass range aber ich kann nicht einen Weg finden, eine Auswahl von Buchstaben/Wörter

dank formatieren!

Antwort

1

fand ich eine Lösung selbst, hier ist es:

var range = sSCaption.wysiwygWrapper.summernote('createRange'); 
var heading = document.createElement('h4'); 
$(heading).text(range.toString()); 
$('#summernote').summernote('insertNode', heading); 

ich hoffe, dass jemand es nützlich findet, was ich tun ist, ich die erstellte Bereich zu verwenden, erstellen Sie einen Knoten mit dem Tag ich will und den Text hinzufügen von diesem Bereich in den Knoten und den Knoten mit Sommernote API

einfügen