2010-08-31 17 views
51

Mi chiedo come posso impostare un valore in CKEditor utilizzando Javascript?Come si imposta un valore in CKEditor con Javascript?

ho provato quanto segue, ma nessuno di loro lavorano ...

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

Tuttavia, entrambi questi lavori senza l'editor applicato. C'è un modo per farlo con l'editor?

+1

Mi sono imbattuto in questo stesso problema ancora una volta, 17 mesi più tardi. Può esserci un badge "Riscoperto che ho risposto a questa domanda da molto tempo. Grazie, io"? – Wick

risposta

10

Utilizzare il metodo insertHtml() o insertText().

+2

Questi inseriscono nuova roba nella posizione del cursore. 'setData()' sostituisce l'intero contenuto. – oleq

6

Ho usato il codice qui sotto e si sta lavorando bene come describing->

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

Qui-> CKEDITOR -> Il tuo editore nome, mail_msg -> Id del textarea (a cui si legano u la CKEditor), obj["template"] -> è il valore che u vuole legare

+0

Questo ha funzionato per me! –

+0

Non funziona. Questo fa: CKEDITOR.instances.taCKEDITOR_Email.setData ('

test

') – FrenkyB

29

I insertHtml() e insertText() metodi inserirà i dati nella finestra dell'editor, aggiungendo a tutto ciò che è già lì.

Tuttavia, per sostituire l'intero contenuto dell'editor, utilizzare setData().

70

utilizzare il metodo CKEditor setData():

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

Grazie il codice sta lavorando ma ho messo CKEDITOR.instances ** ** ckeditorname setData (** yourdata **) –

+0

documentazione [qui.. ] (http://docs.ckeditor.com/#!/api/CKEDITOR.editable-method-setData) – reergymerej

+0

Aggiungo per sostituire ** ckeditorname ** con l'id della textarea visualizzata come CkEditor. Ad esempio: JavaScript: CKEDITOR.instances ["my-content"]. SetData ("

Hello World

"); HTML:

1

Fare attenzione per togliere a capo da qualsiasi stringa si passa ad setData(). Altrimenti un'eccezione viene buttato.

Si noti inoltre che, anche se lo fai, poi successivamente ottenere che i dati ancora una volta utilizzando getData(), CKEditor mette la linea di traboccare in.

2

imposta i dati dell'editor. I dati devono essere forniti nel formato raw (HTML). CKEDITOR.instances.editor1.setData ('Inserisci i tuoi dati.'); refer this page

+0

grazie bro questo è utile per me. –

3

Try This

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

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

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

</script> 

Let provare questo ..

Aggiornamento:

Per impostare i dati:

Crea istanza Prima ::

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

Poi,

editor.setData('your data'); 

o

editor.insertHtml('your html data'); 

o

editor.insertText('your text data'); 

e recuperare i dati dal vostro editor ::

editor.getData(); 

Se modificare i dati particolari para HTML in CKEditor.

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

Questi sono i modi possibili che conosco in CKEditor

Problemi correlati