Drehen CKEditor 4 inline-editing ein-und ausschalten mit JavaScript

Ich muss in der Lage sein zu wechseln inline-editing an/aus mit einer Taste. Siehe hier zum Beispiel der inline-Bearbeitung: http://nightly-v4.ckeditor.com/3559/samples/inlineall.html

Mein markup ist so:

<div contenteditable='true'>Mycontent</div>

Mit jQuery ich möchte in der Lage zu aktivieren/deaktivieren Sie den editor.

Ich habe versucht Einstellung contenteditable auf false, aber das funktioniert nicht. Der editor wird nicht geladen, zurück in die Seite ein-und ausschalten der contenteditable Einstellung.

Nachtrag: ich musste auch alles zerstören, CKEditor inline-Instanzen auf eine Schaltfläche klicken. Hier ist, wie ich das geschafft habe:

        //kill all ckeditors
        for(k in CKEDITOR.instances){
            var instance = CKEDITOR.instances[k];
            instance.destroy();
        }
InformationsquelleAutor izip | 2012-10-11
  1. 6

    jQuery wird dir nicht helfen. Verwenden CKEditor API. E. g. Sie können zerstören-editor jedes mal, wenn Sie wollen, schalten Sie es aus (siehe http://nightly-v4.ckeditor.com/ckeditor_api/#!/api/CKEDITOR.editor-Methode-zerstören) und initialisieren Sie erneut, um es einzuschalten. Möglicherweise gibt es andere Möglichkeiten, um "turn-editor aus", aber man müsste, um genauer zu sein, was bedeutet es für Sie.

    • Danke, das hat in der Tat zu zerstören. Wie instanziiere ich den inline-editor wieder obwohl?
    • Ich wollte schreiben, dass, genau auf die gleiche Weise instanziiert es das erste mal, aber dann dachte ich, dass es Instanziierung automatisch :D. Trotzdem - CKEDITOR.inline( 'div_id' ). Check diese demo.
    • Ich bin mir nicht sicher, ob ich was falsch mache, aber nach inline-Instanz zerstört wird, obwohl die Symbolleisten verschwinden, wird der editor-Bereich ist immer noch bearbeitet werden. Auch der blinkende cursor da ist. Wie kann ich es machen das arbeiten wie vor der CKEDITOR.inline(); - ich meine statische Inhalte.
    • ops. fand es. <html element>.setAttribute('contenteditable',"false"); macht den job
    InformationsquelleAutor Reinmar
Schreibe einen Kommentar