Plugin WYSIWYG para edición mejorada en WordPress


por el 10/11/2004

en WordPress

De WordPress (WP) me gusta todo, o casi todo, que no es lo mismo, pero es igual (Silvio Rodríguez dixit). Sin embargo, hay algunos elementos que, con el uso y el tiempo, comienzan a revelar algunas carencias. Es lo que me ocurre, por ejemplo, con la interface de escritura-edición. Lo cierto es que es bastante completa y cómoda, pero a veces, especialmente cuando el post va cargado de links, negritas o cursivas, o cuando lleva listas o más de una imagen, la edición se vuelve un tanto engorrosa con tanta etiqueta y tanto código incrustado. Afortunadamente, WP dispone de una legión de entusiastas dedicados a mejorar y diversificar su ofertas a base de hacks y plugins. Es el caso de Moises Kirsch (Moi) y su WYSIWYG Plugin, la herramienta perfecta para mejorar la edición por defecto de WP.

WYSIWYG Plugin convierte el área de texto de la consola de edición de WP (ojo, no destruye absolutamente nada) en un editor Javascript WYSIWYG (what you see is whta you get, es decir que ves sobre la marcha lo que vas haciendo), así como en un manager-editor de imágenes. Todo resulta de esta forma más intuitivo y claro, si pones un link no te aparecerá el clásico <a href="bla bla bla…">, sino que directamente verás el texto en color azul y subrayado (lo mismo con la negrita, la cursiva, el blockquote, las listas numeradas, ordenadas, etc…). Además, pinchando un simple botón podrás alternar en cada momento la edición tradicional con la del plugin. En cuanto a las imágenes, lo mismo, la verás en su sitio sobre la marcha e incluso la puedes modificar y especificar todas su características a través de una ventana especial.

Una herramienta más que interesante y útil, de hecho este post está editado con ella, que puedes descargar desde aquí. La instalación es también muy sencilla (mucho más que las de otros plugins menos complejos); simplemente subir el plugin vía FTP y una carpeta adicional al wp-content/plugins y activarlo desde el panel de administración (en las instrucciones que se incluyen en la descarga -wysiwyg.php- se indican los pasos necesarios para activar también el editor de imágenes).

Si te ha gustado el post, puedes compartirlo en tu red preferida:


Y seguirnos en... Síguenos en Facebook Síguenos en Twitter Síguenos en Google+ Síguenos en Pinterest

También te puede interesar...

Comentarios, mensajes, tuits, RT, pingbacks, trackbacks...

(Al darle a '¡Opina!', aceptas nuestras Condiciones de Participación)

Nordic noviembre 10, 2004 a las 07:52

Que bueno el enlace, y además por partida doble, ya que además de descubrir el plugin descubro FCKeditor, mucho más interesante que el htmlArea que estaba a punto de comenzar a usar.

antonio noviembre 10, 2004 a las 08:52

Gracias por el enlace manuel, realmente util el plugin.
Sl respecto tengo una pregunta ¿has sido capaz de que inserte correctamente las imagenes? Al intentarlo me pone siempre: Invalidad Base directory. He cambiado el fichero de configuración (config.inc.php en el directorio ‘imageManager’ para que apunte correctamente a ‘wpcontent’ pero no hay manera:


$IMConfig['base_dir'] = '/public_html/wp-content/';

[...]

$IMConfig['base_url'] = 'http://pop-page.com/wp-content/';

No sé si se trata de un fallo del plugin o un fallo mio -lo más probable- Saldría de dudas si tú has conseguido que funcione correctamente.
Gracias, saludos!

mmeida noviembre 10, 2004 a las 09:49

Hola, Antonio. Efectivamente tienes un pequeño error, ya que en’base_dir’ debes incluir el path (el recorrido) que te aparece en el primer campo de opciones de upload en Opciones/Miscelánea del panel de administración de WP (ya sabes, el que pone ‘recomendado’). Simplemente copia ese path y pégalo ahí.
La ‘base_url’ sí la tienes bien.

Nordic: Vaya programón el FCKeditor, lo paso al post.

Un saludo.

antonio noviembre 10, 2004 a las 10:19

Gracias por una respuesta tan rápida. Ya he conseguido hacerlo funcionar : )
ahora ha surgido otro problema y es que una vez insertada la imagen si se hace click sobre ella y se elige ‘image properties’ da error, porque equivoca la dirección donde se encuentra manager.php (busca en el directorio raiz http://pop-page.com/ImageManager/manager.php) He buscado en el código de la plicación (archivos fckcommands.js y fkecditorcode_ie_2.js) y sustituido la dirección por la correcta (http://pop-page.com/wp-content/plugins/fckeditor/ImageManager/manager.php) pero nada, sigue apareciendo el mismo fallo.
¿Alguna idea? y perdón por el abuso.
gracias de nuevo.

mmeida noviembre 10, 2004 a las 10:56

Estimados amigos, ahora sí que nos hemos hecho un lío :)

Resulta que, como la ciencia adelanta que es una barbaridad, en el tiempo comprendido entre que yo descargué, testeé y posteé el plugin el autor andaba actualizándolo. Así que, mientras yo descargué la versión con htmlarea, ustedes se han descargado la de FCKeditor. Ahora entiendo mejor lo de Nordic y lo de Antonio.

Antonio, según leo en las instrucciones el PHP Image Manager-Editor hay que activarlo previamente. Tienes que ir a zhuo para informarte:

“Altough the ImageManager allows you to upload pictures I
decided to turn that option off and leave the uploads to the
WordPress admin console.

If you would like to turn that option on please read the
documentation for the PHP Image Manager + Image Editor at
http://www.zhuo.org/htmlarea/

Un saludo.

corsaria noviembre 10, 2004 a las 10:57

Muy interesante. Tengo que probar ese FCKEditor. :-) )))
Gracias a Nordic y a ti por mencionarlo. :D

mmeida noviembre 10, 2004 a las 11:25

OK. Acabo de desinstalar la versión htmlarea e instalar la FCKeditor. La verdad es que esperaba un cambio algo más espectacular (tal y como el programa original que podemos ver en el link que nos ha dejado Nordic más arriba). Pero no difiere mucho de la de htmlarea. Además, hay algo que no me gusta y es que ya no me aparece el botón con el que podía alternar entre el sistema tradicional y el plugin, útil, por ejemplo, para insertar la etiqueta ‘more’.
Por lo demás, igual de útil que la otra versión. No sé si lo del ‘more’ me compensará para volver a desinstarlar e instalar. Qué lío.

Pande noviembre 10, 2004 a las 11:56

ME parece interesantísimo el editor.
Lo instalé.
La única pega que puedo ponerle es que para subir una fgoto tengo que llevarla primero al wp-content por el FTP, supongo que con el dato que dejais por ahí arriba lo solucionare.

Manuel: Como funciona el tema de la etiqueta de “(Leer más)”?
Hay que subir la página individual a otra carpeta? Para no pedirte que escribas la explicación (ya me da corte) te pediría (a tí o a cualquier otro lector informado de MV) un vínculo a la info.
Te pregunto porque a veces me da por subir textos largos y eso hace las Bitácoras insoportables y un “botón” de Leer más ayudaría.
Gracias.

mike noviembre 12, 2004 a las 14:44

Tengo un problema con la previsualización de las imágenes ( no se me muestram me aparece como link roto y no se ve la previsualización de la imagen ), es mas.. no puedo insertar ninguna imagen, porque al no mostrarse no se inserta, y ni que decir tiene que no me funciona lo de editarlas porque tampoco se ven.

Si alguien conoce porqué pasa y tal.. agradecería que me contestáseis :) .

mmeida noviembre 12, 2004 a las 14:56

Pues resulta que acabo de ver la captura que ha hecho Hispafreaks de su panel de administración con el FCKeditor isntalado y no se parece nada al mío. Así que supongo que he tenido algún fallo en la instalación.
Vuelvo a instalarlo y ya les cuento.

Un saludo.

mike noviembre 12, 2004 a las 15:26

No se puede usar la etiqueta more??? jooooooder, savéis si lo han solucionado en algún sitio?

mmeida noviembre 12, 2004 a las 16:15

Ya está solucionado. El truco está en editar la línea 120 del archivo wysiwyg.php, ccambiando ‘wp’ por ‘Default’. Esto hace que el menú de herramientas muestre todas las opciones de FCKeditor disponibles y no sólo las que el programa define por defecto para WordPress.

(No sé por qué tengo la impresión de que todo el mundo lo sabía, menos yo )

Un saludo.

mike noviembre 12, 2004 a las 20:07

Soy el webmaster de HispaFreaks, en fckconfig.js tenéis que buscar la linea que dice FCKConfig.ToolbarSets["wp"] ( es la 78 ), en ella están todos los botones que aparecen de primeras, si miráis mas arriba veréis los que incluye la configuración Default (FCKConfig.ToolbarSets["Default"]). Ahora solo tenéis que añadir a wp todos los botones que deseéis y en el orden que os de la gana, es muy facil. ( las barras se delimitan por “["y" ]“, los botones se separan con ” ,” y los separadores se ponen así ” ,’-', “)

Moises Kirsch noviembre 13, 2004 a las 01:46

WOW!!!

Hola yo soy el autor del plugin y la verdad me da muchisimo gusto ver el entusiasmo que se ha generado.

Quiero aprovechar para clarificar algunas cosas…

Tal y como muchos mencionan el FCKeditor es altamente modificable… yo arme un barra de herramientas similar a la incluida con los quicktags para wordpress sin embargo es posible agregarle y quitarle botones a su gusto. Para esto les recomiendo que chequen la documentacion de fckeditor pero en realidad no tiene mucha ciencia, es cuestion de agregar los botones al arreglo en la configuracion del javascript de fckeditor.

Sobre los problemas que algunos han tenido con imagenes dejen les comento un detalle. Debido a las restricciones que hay sobre archivos de tipo GIF el image manager no permite modificar ni generea thumbnails de este tipo de archivos, los otros problemas que han tenido quizas estan relacionados con la configuracion que deben de hacer como se menciona en el plugin… simplemente verifiquen los paths y como recomendacion utilizen paths absolutos y no relativos.

Sobre el tag para “more” no he tenido chance de ver bien el problema… tambien alguien ya me envio un correo para que en la pagina de edicion avanzada salga el editor en ambos recuadros y no solamente en el del contenido principal.

Espero que estos comentarios sean de ayuda y si no pueden enviarme un correo a moi(arroba)mac.com para ver que hacer al respecto.

Saludos
Moi

mmeida noviembre 13, 2004 a las 02:16

Hola, Moi, encantado de verte por aquí. Sobre el plugin, pues decirte que es sencillamente genial, tanto con el htmloarea como con el FCKeditor, aunque este último es una pasada.
Gracias por intervenir y aclararnos todas esas dudas.
Un saludo.

Moises Kirsch noviembre 15, 2004 a las 07:16

Solo quiero comentarles que acabo de subir una nueva version del plugin mas sencilla de usar.

Ahora no es necesario configurar nada, solo subes los archivos al servidor y todo deberia de funcionar.

Lean el archivo readme y cualquier duda o problema avisenme.

Saludos

Moises

mmeida noviembre 15, 2004 a las 08:52

Muchas gracias, Moi.

Un saludo.

mmeida noviembre 15, 2004 a las 08:52

Muchas gracias, Moi.

Un saludo.

Chatyss diciembre 21, 2004 a las 16:34

Hola he visitado varias veces este blog y he tratado de instalar WYSIWYG II Plugin o el FCK pero no he podido bueno el primero si pero cuando trato de usar por ejemplo para insertar un link no lo hace, y me desabilito los tags…. :( Ya me canse de buscar algo mas de info, alguien podria ayudarme??? o indicarme donde debo instalar el FCK Editor quiero usarlo en Wordpress …. Gracias

mmeida diciembre 21, 2004 a las 19:11

Chatyss, parece que al plugin le falta corregir algunos aspectos, pero seguro que Moi está en ello. Yo también lo tengo deshabilitado por lo mismo.

Un saludo.

maria septiembre 11, 2006 a las 17:12

Hola, necesito modificar la configuración de mi FCKedito. Quiero poner un botón nuevo en la barra de comandos que me muestre el código fuente, pero no se como hacerlo. Si alguien puede decirme como hacerlo me sería de gran ayuda. Muchas gracias
Podéis contestarme a mi e-mail: [email protected]

muchas gracias

solo octubre 15, 2009 a las 20:08

Yo tengo una duda, cuando no tenía instalado ningun editor subia una imagen y automáticamente me colocaba un thumbnail de dicha imagen en un widget, sin embargo ahora aunque sube la imagen y todo bien, no me salen nunca los thumbs, ni en png ni en jpeg. Me pueden ayudar?? GRACIAS

mmeida octubre 15, 2009 a las 20:11

@solo: este plugin es bastante antiguo. Desde hace muchas versiones, WP trae integrado el editor, así que es del todo innecesario.

Un saludo.

solo octubre 15, 2009 a las 20:15

holammeida, gracias por contestar y tan rápido! Tengo la version de WP 2.4.8, o sea, la última creo. Pero el editor que trae no tiene hojas de estilo incorporadas. Se podría hacer de alguna forma? gracias de nuevo

mmeida octubre 15, 2009 a las 20:18

@solo: la última versión es la 2.8.4, supongo que cambiaste los números por error ;) Estoy seguro de que habrá algún plugin para eso. Busca en el repositorio.

Un saludo.

solo octubre 15, 2009 a las 20:22

Gracias mmeida, sí es la 2.8.4 Voy a buscar algo a ver ;)

Saludos!

Los comentarios están cerrados.

{ 1 trackback }

Previous post:

Next post:


«El matrimonio es la principal causa de divorcio.» (Groucho Marx)