Inhalt von CKEditor WYSYWG mit zusätzlichem (nicht editierbarem) HTML bearbeiten, um elementspezifische Formatierung anzuwenden

Ich versuche, die WYSYWG-Ansicht in CKEDITOR-Anzeige mit der gleichen Formatierung zu erhalten, die auch im endgültigen gerenderten HTML-Code enthalten ist.Inhalt von CKEditor WYSYWG mit zusätzlichem (nicht editierbarem) HTML bearbeiten, um elementspezifische Formatierung anzuwenden

Ich verwende derzeit das richtige CSS durch Angabe der Eigenschaft contentsCss beim Laden von CKEditor.

Dies funktioniert gut für einige der Formatierung, jedoch wird eine Menge der CSS-Formatierung auf Elemente angewendet, die das bearbeitete HTML innerhalb der endgültigen gerenderten Seite umgeben - und so stimmt die WYSYWG-Ansicht nicht mit der endgültigen gerenderten Ansicht überein.

Ich möchte zur Laufzeit HTML-Code angeben können, der den bearbeitbaren HTML-Inhalt innerhalb der CKEditor WYSYWG-Ansicht umschließt - aber nicht Teil des bearbeitbaren Codes oder gerendert im HTML-Code.

Zum Beispiel zur Zeit der HTML-Code des editierbaren Inhalt umgibt, ist:

<body spellcheck="false" class="cke_show_borders"> 
    [Editable Content] 
</body>

Wo, wie in einem speziellen Fall würde ich es wie es so machen:

<body spellcheck="false" class="cke_show_borders"><div id="container_everything"><div id="content_container"><div class="introduction_container"><div class="introduction_text"> 
    [Editable Content] 
</div></div></div></div></body>

Ich muß in der Lage sein, zur Laufzeit verschiedene Präfix- und Suffix-Code-Blöcke anzugeben, da das spezifische HTML vom Kontext des zu bearbeitenden Elements abhängt.

Kann mir jemand in die richtige Richtung zeigen?

Danke.

Quelle

2010-05-03 Danlance

Haben Sie eine Lösung gefunden? Ich arbeite mit einer ähnlichen Situation. – aaandre

Ich glaube, Sie an der ProtectedSource.Add Methode suchen müssen: http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/ProtectedSource.Add

Quelle

2010-05-04 10:40:01

Dank John - Ich werde mir das ansehen ... Ich denke nicht, dass es aber geeignet sein wird: "Beachten Sie, dass es derzeit keine Möglichkeit gibt, angezeigten Inhalt im Editor" zu sperren ". Der mit ProtectedSource geschützte Inhalt ist während der Bearbeitung tatsächlich unsichtbar. " Es ist eine Art umgekehrte, was ich brauche ... Ich brauche Code, der in der WYSYWG-Ansicht angezeigt wird, aber nicht bearbeitbar sein soll. – Danlance

Am Ende habe ich, dass die einfachste Lösung für dieses Problem bei weitem fand, war eher als Standalone-CKEditor Inline zu verwenden ... das bedurften wesentliche Änderungen an der Kernanwendung und daher möglicherweise nicht für jede Situation geeignet - aber am Ende bedeutet es, dass der Editor wirklich WYSIWYG ist.

Quelle

2015-11-17 13:56:13 Danlance

Inhalt von CKEditor WYSYWG mit zusätzlichem (nicht editierbarem) HTML bearbeiten, um elementspezifische Formatierung anzuwenden

Antwort

Verwandte Themen