Wie setze ich einen Wert in CKEditor mit Javascript?

Lesezeit: 3 Minuten

Benutzer-Avatar
dcp3450

Ich frage mich, wie ich einen Wert eingeben kann CKEditor mit Javascript?

Ich habe folgendes versucht, aber beides funktioniert nicht…

document.[form name].[textarea name].value=data;
$('#textareaID').val(data);

Beides funktioniert jedoch ohne Anwendung des Editors. Gibt es eine Möglichkeit, dies mit dem Editor zu tun?

  • Ich bin 17 Monate später erneut auf dasselbe Problem gestoßen. Kann es ein „Wiederentdeckt, ich habe diese Frage vor langer Zeit beantwortet. Danke, ich“-Abzeichen geben?

    – Docht

    19. November 2013 um 20:45 Uhr


Benutzer-Avatar
efeyc

Verwenden Sie die CKEditor-Methode setData():

CKEDITOR.instances[**fieldname**].setData(**your data**)

  • Danke, Ihr Code funktioniert, aber ich habe CKEDITOR.instances.**ckeditorname**.setData(deine Daten)

    – r.vengadesh

    8. April 2014 um 10:42 Uhr

  • Dokumentation hier

    – reergymerej

    2. März 2015 um 20:58 Uhr

  • Ich füge hinzu, um zu ersetzen ckeditorname wobei die ID des Textbereichs als CkEditor gerendert wird. Beispiel: JavaScript: CKEDITOR.instances[“my-content”].setData(“

    Hallo Welt

    “); HTML:

    – Alex Sanséau

    13. Mai 2015 um 13:06 Uhr

  • Gibt es eine Möglichkeit, dies in React JSX mit Eigenschaften zu tun? zB ?

    – 小红书

    4. Mai um 16:36 Uhr

Benutzer-Avatar
Docht

Das insertHtml() und insertText() Methoden fügen Daten in das Editorfenster ein und ergänzen das, was bereits vorhanden ist.

Um jedoch den gesamten Inhalt des Editors zu ersetzen, verwenden Sie setData().

Verwenden insertHtml() oder Text einfügen () Methode.

  • Diese fügen neues Material an der Position des Caretzeichens ein. setData() ersetzt den gesamten Inhalt.

    – oleq

    5. April 2013 um 7:29 Uhr

Versuche dies

CKEDITOR.instances['textareaId'].setData(value);

Benutzer-Avatar
Sachin

Ich habe den folgenden Code verwendet und er funktioniert gut wie beschrieben->

CKEDITOR.instances.mail_msg.insertText(obj["template"]);

Hier->
CKEDITOR ->Ihr Editor Name,
mail_msg -> ID Ihres Textbereichs (an den Sie den Ckeditor binden),
obj["template"]-> ist der Wert, den Sie binden möchten

  • Funktioniert nicht. Das funktioniert: CKEDITOR.instances.taCKEDITOR_Email.setData(‘

    testing

    ‘)

    – FrenkyB

    29. November 2017 um 12:27 Uhr

  • @FrenkyB, wie konvertiert man rohen HTML-Text in Rich-Text, wenn setData() in CKEDITOR verwendet wird?

    – Mahesh

    18. Januar 2020 um 22:14 Uhr


Benutzer-Avatar
Gemeinschaft

<textarea id="editor1" name="editor1">This is sample text</textarea>

<div id="trackingDiv" ></div>

<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );

</script>

Lass es versuchen..

Aktualisieren :

Daten einstellen:

Erstellen Sie zuerst eine Instanz::

var editor = CKEDITOR.instances['editor1'];

Dann,

editor.setData('your data');

oder

editor.insertHtml('your html data');

oder

editor.insertText('your text data');  

Und Daten von Ihrem Editor abrufen:

editor.getData();

Wenn Sie die jeweiligen Para-HTML-Daten in CKEditor ändern.

var html = $(editor.editable.$);
$('#id_of_para',html).html('your html data');

Dies sind die Möglichkeiten, die ich in CKEditor kenne

  • Funktioniert nicht. Das funktioniert: CKEDITOR.instances.taCKEDITOR_Email.setData(‘

    testing

    ‘)

    – FrenkyB

    29. November 2017 um 12:27 Uhr

  • @FrenkyB, wie konvertiert man rohen HTML-Text in Rich-Text, wenn setData() in CKEDITOR verwendet wird?

    – Mahesh

    18. Januar 2020 um 22:14 Uhr


Da heute CKEditor 4+ gestartet wurde, müssen wir es verwenden.ekeditor 4 setData Dokumentation

CKEDITOR.instances['editor1'].setData(value);

Wo editor1 ist Textbereich Ausweis.

Alte Methoden wie z insertHtml('html data') und insertText('text data') funktioniert auch gut.

und um Daten zu nutzen

var ckdata =  CKEDITOR.instances['editor1'].getData();
var data = CKEDITOR.instances.editor1.getData();

Ckedtor 4-Dokumentation

  • Ich habe die CKEDITOR-Instanz nicht in der Browserkonsole gefunden, aber ich finde sie schließlich in der window.CKEDITOR

    – Qiushi Huang

    15. Mai 2019 um 1:54 Uhr


  • @QiushiHuang, Sie können es nicht in der Browserkonsole finden, aber es funktioniert gut, und ich denke, die Antwort ist für die entsprechende Frage, nicht wie man eine Instanz findet.

    – Deva

    15. Mai 2019 um 6:30 Uhr


1065280cookie-checkWie setze ich einen Wert in CKEditor mit Javascript?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy