Ich verwende CKEditor als meinen WYSIWYG-Editor für die Texteingabe auf meiner Website. Und ich stieß auf ein Problem mit diesem Editor mit Angulars ng-Show-Direktive.Wie verwende ich CKEditor mit Angulars ngShow/ngHide Direktiven?
Wenn der Editor mit ng-show = "true" geladen wird, funktioniert der Editor gut. Das bedeutet, dass die Symbolleiste geöffnet wird, die Schaltflächen in der Symbolleiste funktionieren und der Text auch bearbeitet werden kann.
Wenn der Editor jedoch anfänglich mit ng-show = "false" geladen wird und später zu ng-show = "true" wechselt, wird die Symbolleiste immer noch angezeigt, aber das contenteditable Attribut wird aus irgendeinem Grund auf false gesetzt Schaltflächen sind deaktiviert.
Meine CKEditor-Instanz ist ein Inline-Editor und wird mit einer benutzerdefinierten Angular-Direktive geladen. Die HTML-Vorlage setzt das contentediable-Attribut auf true.
Ich dachte, dass ng-show die Elemente auf das DOM setzt und css verwendet, um das Element zu verstecken? Es könnte sein, dass es nicht existiert, wenn ckeditor versucht, sich einzuklinken, aber warum sehe ich dann die ckeditor-Symbolleiste? – tyler
Ich weiß es nicht. Das ist auch komisch für mich. Aber der Javascript-Fehler zeigt das. –
@tyler Ich verwende [AlloyEditor] (http://alloyeditor.com/demo/), die auf CKEditor gebaut wird. Ich stehe auf demselben Problem fest. Hast du dieses Problem gelöst? –