web-dev-qa-db-fra.com

Comment définir une valeur dans CKEditor avec Javascript?

Je me demande comment définir une valeur dans CKEditor à l'aide de Javascript?

J'ai essayé ce qui suit, mais aucun d'entre eux ne fonctionne ...

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

Cependant, ces deux fonctionnent sans l'éditeur. Est-il possible de faire cela avec l'éditeur?

javascriptckeditor
59
dcp3450

Utilisez la méthode CKEditor setData() :

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

Les méthodes insertHtml() et insertText() insèrent des données dans la fenêtre de l'éditeur, en ajoutant ce qui existe déjà.

Cependant, pour remplacer tout le contenu de l'éditeur, utilisez setData() .

29
Wick

Utilisez la méthode insertHtml () ou insertText () .

10
Anpher

J'ai utilisé le code ci-dessous et il fonctionne bien comme décrit->

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

Ici-> CKEDITOR -> Votre éditeur Nom, mail_msg -> Identifiant de votre textarea (auquel vous liez le ckeditor), obj["template"]-> est la valeur que vous voulez lier

6
Sachin

Essaye ça

CKEDITOR.instances['textareaId'].setData(value);
5
Sunil kumar
<textarea id="editor1" name="editor1">This is sample text</textarea>

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

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

</script>

Laisse essayer ça ..

Mise à jour:

Pour définir les données:

Créer une instance en premier ::

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

Ensuite,

editor.setData('your data');

ou

editor.insertHtml('your html data');

ou

editor.insertText('your text data');

Et récupérer les données de votre éditeur:

editor.getData();

Si changez les données para HTML particulières dans CKEditor.

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

Ce sont les manières possibles que je connais dans CKEditor

3
Mari Selvan

Comme à ce jour CKEditor 4+ est lancé, nous devons l’utiliser . Documentation de ekeditor 4 setData

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

Où editor1 Est textarea Id .

Les anciennes méthodes telles que insertHtml('html data') et insertText('text data') fonctionnent également bien.

et pour utiliser les données

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

documentation de Ckedtor 4

2
Deva

Définit les données de l'éditeur. Les données doivent être fournies au format brut (HTML). CKEDITOR.instances.editor1.setData ('Mettez vos données.'); voir cette page

2
Satya Prakash

Prenez soin de supprimer les retours à la ligne de toute chaîne passée à setData()., sinon une exception est levée.

Notez également que même si vous le faites, vous récupérez ensuite ces données en utilisant getData(), CKEditor remet les sauts de ligne.

1
bcr