FCKeditor (I Parte): Su Instalación
Luego de conocer los mejores editores wysiwyg on line vamos a tratar la instalación del FCKeditor en un formulario web, no sólo de un CMS, pués para estos ya existen los módulos (casos de mambo, drupal o phpnuke) o plugins (caso de wordpress, simpleCMS, etc, etc.). El proceso que vamos a ver es muy simple, pues el mismo script así lo ha previsto.
FCKeditor se puede instalar bajo cualquier lenguaje del servidor (PHP, ASP, JSP, ColdFusion) o en todo caso bajo JavaScript. Ahora vamos a ver los dos tipos de instalación más usados.
Instalación con Javascript
Luego de descargar el editor, procedemos realizar lo siguiente:
1er paso
Creamos una carpeta bajo el nombre de FCKeditor (o el de tu gusto) donde colocaremos el codigo que viene en la carpeta editor (cuando lo descarguemos), con esto hecho procedemos a llamar al JavaScript, dentro de las etiquetas head colocamos:
<script type="text/javascript" src="/FCKeditor/fckeditor.js"></script>
2do paso
Ahora lo único que falta es crear el formulario
Método 1
Un primer metodo es ubicarnos dentro de la etiqueta body, en el lugar donde queremos que vaya el formulario y colocar lo siguiente:
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.Create() ;
</script>
Método 2
El otro método consiste en reemplazar el Textarea de tu formulario ya existente, para esto debe tener un name o un id que lo individualice. El script quedaría de la siguiente forma:
<html>
<head>
<script type="text/javascript" src="/FCKeditor/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
</head>
<body>
<textarea id="MyTextarea" name="MyTextarea">Este es <strong>el valor </strong> inicial</textarea>
</body>
</html>
3er paso
Finalmente lo probamos en el navegador y listo.
Instalación con PHP
A pesar de ser muy sencilla la instalación, cuando uno necesita aplicar el editor a dos textareas de una misma pagina, el javascript resulta complicado, pues habría que hacerle algunas modificaciones. Por lo que resulta mas práctico hacer la instalación con PHP.
1er Paso
De la misma manera que en el caso anterior, lo primero es hacer una llamada, en este caso, al archivo fckeditor.php, mediante un include() o un require_once() dentro de las etiquetas head del HTML.
El código es el siguiente:
include("FCKeditor/fckeditor.php") ;
?>
2do Paso
Estando integrados con la clase PHP del FCKeditor, ahora vamos crear las textareas, cuantas queramos en una misma pagina o en varias. Lo único que se debe hacer son las llamadas a las funciones, asignándoles en algunos casos sus identificadores o sus parámetros en otros.
El código comentado seria el siguiente:
<?php
//Asignamos el nombre del TexArea: FCKeditor1
$oFCKeditor = new FCKeditor('FCKeditor1') ;
//Definimos la ubicación de la carpeta madre del editor (puede variar)
$oFCKeditor->BasePath = '/FCKeditor/';
//Asignamos el valor inicial del textarea de tenerlo, suele ser una variable que recupere el contenido de la base de datos para modificarlo, en este caso es un texto de muestra
$oFCKeditor->Value = 'Default text in editor';
//Ancho del TextArea
$oFCKeditor->Width = '100%' ;
//Alto del TextArea
$oFCKeditor->Height = '200' ;
// Finalmente creamos el textarea con el editor, bajo los parametros ya dispuestos
$oFCKeditor->Create() ;
?>
El código completo sería el siguiente:
<?php
include("FCKeditor/fckeditor.php") ;
?>
<html>
<head>
<title>FCKeditor - Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<form action="savedata.php" method="post">
<?php
$oFCKeditor = new FCKeditor('nombre_del_textarea') ;
$oFCKeditor->BasePath = 'fckeditor/';
$oFCKeditor->Width = '700' ;
$oFCKeditor->Height = '500' ;
$oFCKeditor->Create() ;
?>
<br />
<input type="submit" value="Submit">
</form>
</body>
</html>
Esto es suficiente para tener nuestro editor instalado y funcionando correctamente, en un artículo posterior veremos como personalizarlo a nuestro gusto, que herramientas tomar y de cuales prescindir, además de los pasos a seguir para adaptar el explorador de archivos e imágenes.
Otra consulta has tenido experiencia con Integrar: PHP +Smarty + DOJO + FCKeditor 2.3.2
- responder
Enviado por Andev (no verificado) el Vie, 01/26/2007 - 16:57.Otra consulta has tenido experiencia con Integrar: PHP +Smarty + DOJO + FCKeditor 2.3.2
- responder
Enviado por Andev (no verificado) el Vie, 01/26/2007 - 17:22.Hola Andev, si el editor esta funcionando en Firefox, significa que lo haz llamado correctamente y el problema esta en el javascript. Ahora que mencionas que usas dojo toolkit, de repente éste es el problema, retira dojo y prueba s
- responder
Enviado por Bal (no verificado) el Vie, 01/26/2007 - 20:07.Hola Bal
- responder
Enviado por Andev (no verificado) el Sáb, 01/27/2007 - 07:31.Hola Balu: Quiero saber como puedo hacer un proceso de validaci
- responder
Enviado por Andres Sierra A (no verificado) el Mié, 01/31/2007 - 13:25.Hola,Quer
- responder
Enviado por Fernando (no verificado) el Mié, 02/07/2007 - 05:51.Holaen primer lugar muchas gracias por este magnifico tutorial,Y ahora mi problema, tengo configurado fckeditor en una aplicaci
- responder
Enviado por Carlos (no verificado) el Mié, 02/07/2007 - 08:37.Por lo que veo el FckEditor sigue sin funcionar con Opera, es una pena.
- responder
Enviado por Tumbita (no verificado) el Jue, 02/22/2007 - 10:27.Hola,soy nuevo en esto y estoy intentando generar el editor con javascript. He seguido manual pero cargo la pagina y me divide la pagina en dos bloques y me pone que no puede mostrar la pagina. Puede ser algo de rutas??La pagina que yo estoy haciendo en que ruta la tengo que poner???Muchas gracias
- responder
Enviado por Julio (no verificado) el Jue, 03/08/2007 - 05:13.Hola,soy nuevo en esto y estoy intentando generar el editor con javascript. He seguido manual pero cargo la pagina y me divide la pagina en dos bloques y me pone que no puede mostrar la pagina. Puede ser algo de rutas??La pagina que yo estoy haciendo en que ruta la tengo que poner???Muchas gracias
- responder
Enviado por Julio (no verificado) el Jue, 03/08/2007 - 05:16.Hola,soy nuevo en esto y estoy intentando generar el editor con javascript. He seguido manual pero cargo la pagina y me divide la pagina en dos bloques y me pone que no puede mostrar la pagina. Puede ser algo de rutas??La pagina que yo estoy haciendo en que ruta la tengo que poner???Muchas gracias
- responder
Enviado por Julio (no verificado) el Jue, 03/08/2007 - 07:45.Hola,soy nuevo en esto y estoy intentando generar el editor con javascript. He seguido manual pero cargo la pagina y me divide la pagina en dos bloques y me pone que no puede mostrar la pagina. Puede ser algo de rutas??La pagina que yo estoy haciendo en que ruta la tengo que poner???Muchas gracias
- responder
Enviado por Julio (no verificado) el Jue, 03/08/2007 - 08:03.Julio lee el comentario #40 y descarga el FCKeditor ya configurado para PHP. Un saludo.
- responder
Enviado por Bal (no verificado) el Jue, 03/08/2007 - 09:42.Hola. excelente herramienta, pero necesito capturar con el valor que esta dentro del texarea por javascript:alert(mytesarea.value) sabes como puedo lograr estoGRacias
- responder
Enviado por Andrey (no verificado) el Lun, 04/02/2007 - 16:01.Hola querria saber como puedo limitar el numero de caracteres del textarea o el numero de filas o columnas. he probado con maxlength,rows,cols y no me funciona
- responder
Enviado por Julio (no verificado) el Mié, 04/11/2007 - 04:17.hola !!!!tengo un problema .... como puedo hacer para que al momento de que se abra mi pagina con el editor, este contenga ya adentro una plantilla que tengo echa en html ???me urge , pleaseeeeee- agradeceria muchisimo su ayuda
- responder
Enviado por Claudia (no verificado) el Lun, 05/21/2007 - 08:04.hola !!!!tengo un problema .... como puedo hacer para que al momento de que se abra mi pagina con el editor, este contenga ya adentro una plantilla que tengo echa en html ???me urge , pleaseeeeee- agradeceria muchisimo su ayuda
- responder
Enviado por Claudia (no verificado) el Lun, 05/21/2007 - 08:41.Quer
- responder
Enviado por Jose Hernan (no verificado) el Vie, 05/25/2007 - 14:12.Hola, soy muy nuevo en esto y quisiera saber algunas cosas:1. como hago para que cuando le de editar al contenido de mi pagina, salga el editor FCKeditor con el contenido a editar ya dentro de el, que yo pueda modificarlo y al darle guardar la modificacion quede hecha en la pagina.
- responder
Enviado por Jose Hernan (no verificado) el Vie, 05/25/2007 - 14:18.Hola, muxas gracias x tu guia me ha servido de muxo ya tnog instalado el FCK en una pagina ke stoy haciendo.. ahora. Lo k yo deseo esa saber un par de cosas Estoy trabajando con asp 1ro: cuando dicen BD se refieren a guardar el codigo HTML en una celda de la base de datos?? para luego cargarlo en la web??2do: lo k trato de hacer es algo a como este forito, edito/creo una descripcicion en html y lo asigno a un producto y luego en la pagina detalle de producto se muestra la descripcion como web osea usando el html k cree, como podria implementarlo ..estaba pensando crear con el fck un archivo *.html pero nose como lo hace el fck, claro si es k lo hace, solo me muestra el resultado en html en la pagina "sampleposteddata" pero kisiera saber si es posible crear un *.html a partir de ese codigo generado con el fck... de antemano gracias...Besos
- responder
Enviado por Claudia (no verificado) el Lun, 05/28/2007 - 12:36.Hola que tal acabo de bajarme el FCKeditor ultima version y he seguido tus pasos para incrustarlo en mi textarea pero NO LO MUESTRA!!!, en cambio si lo veo desde el http://localhost/midirectorio/fckeditor/_samples/asp/sample01.aspsi me muestra pero no lo puedo incrustar dentro de mi archivo ASP que ahi tengo un textarea!!!. HELP!!!
- responder
Enviado por Gustavo (no verificado) el Sáb, 06/16/2007 - 15:05.Hola Balu... tengo el mismo problema que Gustavo, me baje el FCKeditor y anda perfectamente en mi localhost, pero al publicarlo en un servidor externo no me muestra el editor, solo me dice " No se encontr
- responder
Enviado por eniac (no verificado) el Mié, 06/20/2007 - 13:52.un detalle que se me paso arriba es que estoy trabajando con php
- responder
Enviado por Eniac (no verificado) el Mié, 06/20/2007 - 13:54.un detalle que se me paso arriba es que estoy trabajando con php
- responder
Enviado por Eniac (no verificado) el Mié, 06/20/2007 - 13:57.sere uno masque te problemas plistengo fncionando el editor pero quiero pesonalizar la vista previa para lo cual quero mandar una variable la cual recupero con document.getElementById() pero me da nulo no me reconoce el ojeto plis tendra algo que ver el fck o esque hago algo malvar id = document.getElementById("idpagina").valuela cual es un hidden en el htmlllamo auna pagina vistaprevia.php?id=id dentro el codigo java script
- responder
Enviado por paolo (no verificado) el Jue, 06/21/2007 - 16:29.Hola:Tengo el editor FCK dentro de un formulario tal y como viene en el ejemplo pero en lugar de enviarlo con un bot
- responder
Enviado por Ram (no verificado) el Jue, 07/12/2007 - 10:11.Hola quetal ! soy nuevo en esto de php, y me gustar
- responder
Enviado por Carlos (no verificado) el Dom, 07/15/2007 - 13:08.Hola quetal ! soy nuevo en esto de php, y me gustar
- responder
Enviado por Carlos (no verificado) el Dom, 07/15/2007 - 13:40.hola pues quisiera saber si alguien me puede ayudar resulta q tengo una palicacion jsp y struts le epusto el fckeditor asi solo con java script a mis paginas pero no funciona alguien me podria ayudar ?
- responder
Enviado por carlos (no verificado) el Vie, 10/12/2007 - 12:52.Hola, me gustar
- responder
Enviado por Carmen (no verificado) el Dom, 11/04/2007 - 08:12.Deja tu comentario