FCKEditor es un editor WYSIWYG para reemplazar a los TEXTAREA planos con campos de texto enrriquecido desarrollado en JavaScript y con interfaces para ser utilizado además con Java y .NET. Se distribuye bajo las licencias GPL/LGPL/MPL o comercial según se guste.
Para acceder a su contenido no basta simplemente con referenciar al atributo value, es necesario hacer algo adicional.
var referencia = FCKeditorAPI.GetInstance("MiEditor"); var valor = referencia.GetHTML();
En el código anterior, MiEditor deberá corresponder con el ID del campo que utiliza el FCKEditor.
Enlace: How do you access the editing area content from JavaScript.
Hola, es lo que estoy buscando, como obtener y usar el texto escrito en un FCKeditor desde un Javascript, pero podrías poner un ejemplo mas explícito? Soy algo novato en esto. Gracias.
Estimado @Roberto, es practicamente tal cual se menciona.
Con la línea 01 obtienes la referencia al Editor, así que debes reemplazar a “MiEditor” por el ID que le hayas puesto al FCKEditor.
Con la línea 02 obitenes el contenido del editor referenciado que es la información que necesitas.
A quien le interese,
Yo estaba tratando de asignar y obtener el contenido del html generado por el fckEditor, con el gran aporte hecho por Jorge Ivan, y con un poco de depuración he podido encontrar como asignar el html inicial, y bueno como obtenerlo que eso ya nos lo ha aportado Ivan, aquí les dejo un ejemplo completo con JavaScript, esto para quienes utilicen Ajax y quieran asignar y enviar el contenido html por Ajax.
//primero y como dice la Doc, agregamos la referencia al JavaScript, yo tengo la carpeta del fckedirtor dentro de mi proyecto
//con uno de los metodos utilizados yo tengo un textarea con su id correspondiente llamado resumen
//aparte tengo en un js, bueno puede meterse en la misma html, dos variables
//Esto es codigo javascript dentro de una js, si lo metes en el html no //olvides las etiquetas javaScript
var resumen_ctr;
var resumen;
//Así hago la conversión del textarea al fckeditor
resumen_ctr = new FCKeditor(‘resumen’) ;
resumen_ctr.BasePath = “../../fckeditor/” ;
resumen_ctr.ReplaceTextarea() ;
//Luego agarro en la variable resumen la instancia
resumen = FCKeditorAPI.GetInstance(“resumen”);
//y listo, para asignar el html inicial hago lo siguiente, objSel.resumen es //un objeto que viene del servidor con el contenido del html inicial
resumen.SetHTML(objSel.resumen);
// y para obtenerlo, lo que hizo Ivan
alert(resumen.GetHTML());
A Ivan le doy las gracias, pues con el ejemplo que ha planteado me dio la luz que necesitaba.
Hola Pedro, me alegro mucho que te haya de servido el artículo.
Muchas gracias por el complemento a la modificación del componente.