2010-08-31 50 views
51

Me pregunto cómo puedo establecer un valor en CKEditor usando Javascript?¿Cómo configuro un valor en CKEditor con Javascript?

He intentado lo siguiente, pero ninguno de ellos trabajar ...

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

Sin embargo, éstos tanto trabajo sin el editor aplica. ¿Hay alguna manera de que pueda hacer esto con el editor?

+1

me encontré con este mismo problema otra vez, 17 meses más tarde. ¿Puede haber una insignia de "Redescubierto que he respondido esta pregunta hace mucho tiempo, gracias, yo"? – Wick

Respuesta

6

he utilizado el código abajo y que está funcionando muy bien como describiendo>

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

aquí-> CKEDITOR -> Su nombre redactor, mail_msg -> ID de su área de texto (a la que se unen u el CKEditor), obj["template"] -> es el valor que u desea unirse

+0

¡Esto funcionó para mí! –

+0

No funciona. Esto hace: CKEDITOR.instances.taCKEDITOR_Email.setData ('

prueba

') – FrenkyB

29

los insertHtml() y insertText() métodos serán insertar datos en la ventana del editor, añadiendo a lo que ya está ahí.

Sin embargo, para reemplazar todo el contenido del editor, use setData().

70

utilizar el método de CKEditor setData():

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

Gracias a su código está trabajando pero puse CKEDITOR.instances ** ** ckeditorname setData (** ** yourdata) –

+0

documentación [aquí.. ] (http://docs.ckeditor.com/#!/api/CKEDITOR.editable-method-setData) – reergymerej

+0

Agregué para reemplazar ** ckeditorname ** con el id del textarea que se está representando como CkEditor. Por ejemplo: JavaScript: CKEDITOR.instances ["my-content"]. SetData ("

Hello World

"); HTML:

1

Cuide que se deben eliminar los saltos de línea de cualquier cadena que se pasa a setData(). De otro modo una excepción es lanzada.

También tenga en cuenta que incluso si lo hace, a continuación, posteriormente obtener los datos de nuevo utilizando getData(), CKEditor pone la línea se rompe de nuevo.

2

Establece los datos del editor. Los datos se deben proporcionar en el formato sin formato (HTML). CKEDITOR.instances.editor1.setData ('Pon tus datos.'); refer this page

+0

gracias bro esto es útil para mí. –

3

Trate Esta

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> 

Vamos a probar esto ..

Actualización:

Para ajustar los datos:

Crear instancia Primera ::

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

Entonces,

editor.setData('your data'); 

o

editor.insertHtml('your html data'); 

o

editor.insertText('your text data'); 

y recuperar datos de su editor ::

editor.getData(); 

Si cambia los datos para HTML particulares en CKEditor.

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

Estas son las posibles maneras que conozco en CKEditor

Cuestiones relacionadas