2017-08-17 1 views
0

Was ist das aktuelle Verhalten?Schreiben von Text vor/nach jedem HTML-Tag wickelt es auch in HTML

Wenn ich setContent initial auf das Laden von tinymce und setzen Sie einige HTML-Tag, sagen Sie ein Div mit einer Klasse "Mydiv". etwas bearbeite innen tinymce um diese div bewirkt, dass der Inhalt entweder innerhalb dieser mydiv oder erzeugt ein anderes div mit den gleichen Attributen eingefügt werden und fügen Sie den Inhalt in dort auf insering

Schritte

SetContent einige html zu reproduzieren in den Editor Schreiben Sie etwas in den Editor durch Drücken der Eingabetaste oder gehen Sie eine Zeile, die div

Was ist das erwartete Verhalten?

Es sollte nicht dazu führen, dass der neu eingegebene Text in div oder Tags in seiner Umgebung eingeschlossen wird. Ich stehe vor dem Problem, da ich E-Mail-Signatur-Funktionalität implementieren muss.

https://codepen.io/paramsinghvc/pen/XaVOzz?editors=1010

enter image description here

tinymce.init({ 
selector: '#textarea', 
plugins : 'advlist autolink link image lists charmap print preview', 
height: 300, 
init_instance_callback: function(e) { 
    e.setContent('<div class="mydiv"><strong>Inital Text</strong></div>') 
} 
}); 

Antwort

1

TinyMCE Artikel in Wurzelblöcke, um legt den Inhalt gültig, wohlgeformte HTML zu machen. Es ist eine Einstellung, um dieses Verhalten zu ändern:

https://www.tinymce.com/docs/configure/content-filtering/#forced_root_block

Bitte beachten Sie die Warnung für diese Einstellung: „Beachten Sie, dass nicht mit p Elemente als ein Wurzelblock stark die Funktionalität des Editors lahmlegen kann.“

Es gibt viele schlechte Dinge, die hier passieren können, wie Sie es einfacher machen, fehlerhafte HTML zu machen. Es liegt nun an Ihnen, sicherzustellen, dass, wenn Sie diesen Inhalt nehmen und ihn für den Gebrauch zusammenstellen, Ihr Ergebnis gültig ist.

Verwandte Themen