2017-11-17 1 views
1

CKEditor 4 oder höher
ich eine CKEditor Instanz, die ich ohne Problem parent.CKEDITOR.instances[instance_id]
Ich möchte Zugriff auf Bootstrap-Datei auf den Kopf des iframe von CKEditor (Art von Hack erzeugt hinzuzufügen, weil der normale Weg, die optionale CSS-Datei hinzuzufügen, nicht funktionierte).
Ich versuchte, den iframe Kopf zu bekommen und die Bootstrap-Datei zu injizieren, aber es funktioniert nicht immer.
Irgendwelche Vorschläge?Get iframe Element der aktuellen CKEditor Instanz

Antwort

1

ich es endlich gefunden, poste ich es hier so vielleicht wird es in Zukunft für jemanden nützlich sein.
Habe ich nur noch die Bootstrap-Datei auf den Body-Tag (es ist eine schlechte Praxis ist, aber es funktioniert).

1

Wenn Sie einen klassischen Editor mit Inhalten in iframe verwenden, verwenden Sie bitte contentsCss configuration setting, um zusätzlichen CSS-Inhalt zum Inhalt des Editors hinzuzufügen. Es ist wichtig, den Cache mit Strg + F5 zu aktualisieren. Wenn aus irgendeinem Grund keine Änderungen vorgenommen werden und der Pfad zur CSS-Datei korrekt ist (Sie erhalten nicht 404 in der Browser-Dev-Tools-Konsole), sollten Sie versuchen, den Cache gemäß dieser zu löschen.

Wenn Sie wirklich an den iframe bekommen, dann können Sie unter Technik verwenden. Es wird Sie das div mit editor id Sie brauchen, und es findet iframe dafür. Dies ist nützlich, wenn Sie mehrere Editoren oder Iframes auf einer einzelnen Seite haben.

document.getElementById('cke_'+ your_textarea_id).getElementsByTagName('iframe')[0].contentWindow 
Verwandte Themen