Normalerweise drücken wir die Eingabetaste, wenn wir einen Satz in einem WYSIWYG-Editor eingeben und in der nächsten Zeile einen benötigen, und es wird automatisch ein <br>Tag eingefügt. Aber wenn wir den Jeditable WYSIWYG-Editor verwenden und dies tun, fügt er <p></p>Tags ein, statt wie <br>im Internet Explorer und in Chrome.
Aber es fügt <br>in Mozilla das Tag ein (das richtige). Im IE wird <p>das Tag bereitgestellt, anstatt <br>wenn man die Eingabetaste im editierbaren WYSIWYG-Editor drückt.
Als Inline-Editor verwende ich Jeditable (sieheDemo). Wenn ich den WYSIWYG-Editor verwende und meinen Satz in die nächste Zeile eingebe, zeigt Firefox die Ausgabe mit </br>dem richtigen Tag an.
Aber Chrome und Internet Explorer zeigen unterschiedliche Ausgaben.
Zum Beispiel:
Die ursprüngliche Ausgabe sollte lauten Lorem Ipsum<br>is simply dummy und wird in Firefox korrekt angezeigt.
Aber im Internet Explorer lautet die Ausgabe <p>Lorem Ipsum</p><p>is simply dummy</p>
und in Chrome lautet sie<div>Lorem Ipsum</div><div>is simply dummy</div>
Wie kann ich dies für alle Browser gleich machen, wie es Firefox anzeigt?
Antwort1
DerDemoverwendet eine sehr alte Version vonjWYSIWYGPlugin (wie vorgeschlagenHier), daher sollten Sie den aktualisierten Code verwenden.
Dies geschah, weil beim Initialisieren des Editors ein . eingefügt wurde, wenn kein Inhalt aus dem Textbereich geladen wird <br>.
Hier ist der Commit-Fix, nach dem Sie wahrscheinlich suchen:
Erklärung der brIE-Option in README und einige Code-Refactorings für die gleiche Funktionalitätverfasst von Stianlik.
Die Eingabetaste setzt den Stil nicht mehr auf „Absatz“ zurück, sondern schreibt weiterhin „Überschrift 1“, bis Benutzer in der Symbolleiste explizit „Absatz“ auswählen.
Sie können brIEdie Option verwenden, um dieses Verhalten zu steuern. Überprüfen Sie dieLiesmichfür mehr Details.
Verwandt:
- Problem 15: Fügt unerwünschte
<br>Tags hinzubei Google Code - #143: Editorspezifisches Browser-Kompatibilitätsproblembei GitHub