Obtener el contenido de una instancia de FCKEditor

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.

4 thoughts on “Obtener el contenido de una instancia de FCKEditor”

  1. 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.

  2. 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.

  3. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *