CKEditor streift Inline-Attribute

Question

Ich habe CKEditor seit einiger Zeit verwendet und es hat gut funktioniert. Ich bin ziemlich gut von irgendwelchen Problemen befreit, die ich hatte, aber diese, die ich anscheinend nicht herausfinden kann. Wenn ich Inline-Attribute zu Elementen für Instanz style = "color: #ff0;" auf einem <p></p>-Tag hinzufügen, werden sie beim Wechsel von WYSIWYG zur Quellansicht entfernt. Kein Speichern oder Übermitteln ist erfolgt und ckeditor wurde zu meiner Site hinzugefügt, die mein eigenes Skript ist. Irgendwelche Ideen, was das verursachen würde. Alle Suchergebnisse, die ich finden kann, entsprechen dem in Drupal, aber Drupal scheint das Problem zu sein, nicht der Editor in allen Fällen. Danke noch einmal!

Answer 1

Es fühlt sich an, als ob Sie den CKEditor 4.1+ verwenden, der mit Advanced Content Filter (ACF) geliefert wird. Wenn ja, müssen Sie config.allowedContent und configure it angeben, damit Ihre Sachen funktionieren. Sie könnten auch interessiert sein an config.extraAllowedContent.

Weitere Informationen finden Sie unter this answer.

Answer 2

Für alle, die eine einfache Probe suchen, wie in CKEditor zusätzlichen Markup ermöglicht, ohne ACF Deaktivierung vollständig, hier ist ein kurzer Ausschnitt:

CKEDITOR.replace('editor1', { 
    extraAllowedContent: 'style;*[id,rel](*){*}' 
}); 

extraAllowedContent hier ermöglicht es das <style> Element, ermöglicht es, zwei zusätzliche Attribute (in eckigen Klammern) für alle (* ist ein Platzhalter) bereits erlaubt Elemente, ermöglicht den Einsatz von irgendwelchen Klassennamen (*) für sie und ermöglicht den Einsatz von irgendwelchen Inline-Styles {*}

Answer 3

hallo Sie ACF leicht zu stoppen. Werkseitig ist Ihre configaration ist ---

function ckeditor($name,$value='',$height=300){ 
    return '<textarea name="'.addslashes($name).'">'.htmlspecialchars($value).'</textarea> 
<script>$(function(){CKEDITOR.replace("'.addslashes($name).'",{});});</script>'; 
} 

fügen Sie diese einfach in den geschweiften Klammern:

allowedContent: true 

jetzt Ihre Konfiguration wird:

function ckeditor($name,$value='',$height=300){ 
    return '<textarea name="'.addslashes($name).'">'.htmlspecialchars($value).'</textarea> 
<script>$(function(){CKEDITOR.replace("'.addslashes($name).'",{allowedContent: true});});</script>'; 
} 

Answer 4

ich hatte das gleiche Problem, dass ck löschte nicht nur einige Attribute, sondern ganze Elemente beim Einfügen eines Blockelements innerhalb eines Blockelements (div mit einigen Attributen, die in p eingefügt sind), während diese Methode verwendet wurde:

editor.insertHtml(html); 

was das Problem gelöst, diese Abhilfe stattdessen wurde mit:

editor.insertElement(CKEDITOR.dom.element.createFromHtml(html)); 

Answer 5

stand ich das gleiche Problem und unten Antwort mein Problem gelöst:

config.allowedContent = true; 
config.extraAllowedContent = '*(*);*{*}'; 
config.extraAllowedContent = 'span;ul;li;table;td;style;*[id];*(*);*{*}';