martes, 1 de diciembre de 2009

Acceder al contenido del CKEditor con jQuery

Una de las características de jQuery es la facilidad con la que puedes acceder a la información de los campos de una página web. Esto es muy útil si queremos validar formularios, etc... Por otro lado, el CKEditor (digamos que es algo así como la siguiente generación del FCKEditor) es un editor de textos WYSIWYG que va estupendamente.
Si uno crea un CKEditor mediante:
<textarea id="editor1" class="ckeditor" name="editor1" ></textarea>
Uno se espera acceder a su contenido usando lo siguiente:
$('#editor1').html();
Pero pronto veremos que esto no funciona. Esto se debe a que el CKEditor convierte el textarea en el siguiente código HTML:

<span id="cke_editor2" class="cke_skin_kama" lang="es" tabindex="0" title=" " dir="ltr" onmousedown="return false;">