WordPress Plugins

WYSIWYG Plugin for WordPress

This plugin replaces the regular textarea with a WYSIWYG (What You See Is What You Get) Javascript/DHTML Editor in the Word Press admin console.

It uses the Open Source TinyMCE and an image browser that comes with it making it easier to write and edit pages and posts in your weblog.

It works with pretty much any Mozilla based browser such as Firefox (Mac, PC or Linux) and with Internet Explorer for Windows.

WYSIWYG Plugin for WP

Update: I won’t be supporting this plugin anymore. WordPress 2.0 has TinyMCE built in and there is no reason to keep working on this since it is so easy to upgrade.

104 pensamientos en “WordPress Plugins

  1. Saludos.

    Para empezar, este plugin es portentosamente magistral. Si, se que suena a peloteo puro y duro, pero es que es lo que me parece, ya que me hace mucho mas facil y llevadera la tarea de mantener actualizado mi blog.

    Mi pregunta, o tambien puede ser una proposicion, es la siguiente: ¿Hay alguna manera de usar WYSIWYG plugin en la pagina de modificacion de archivos de WordPress (wp-admin/templates.php)?. Seria una opcion muy interesante y util.

    Gracias de nuevo por el plugin.

  2. No es viable que se pueda editar los templates con el plugin por la sencilla razon de que los templates contienen PHP y este plugin esta basado en un editor de HTML.

    Lo mejor es seguir editandolos a la antigüita… a mano.

  3. Si es un editor HTML, ¿Quiere decir que todo lo que haga en las paginas de WordPress usando PHP (tengo instalado el RunPHP en mi WP), el editor lo elimina? Es que si es asi, entenderia por que no me funciona ni PHP con RunPHP, ni el javascript en las paginas generadas por WordPress.

  4. ¡Hola Moises! y gracias por el plugin. Según escribes en el archivo readme.txt (sección VERSION HISTORY) has cambiado de htmlArea a FCKeditor y seguidamente a TinyMCE. ¿Cúal es el motivo?

  5. Uno por uno… el proyecto de htmlArea desaparecio y por lo tanto dejaron de darle soporte, inclusive quitaron la pagina para bajarlo.

    FCKeditor es bastante bueno y se ve que tiene futuro sin embargo esta repleto de bugs y por lo tanto lo hace poco usable.

    Hasta ahora el mas decente que he encontrado (gratis) es TinyMCE y por lo tanto es el que estoy utilizando ahora… es el que genera el codigo mas limpio, es bastante extensible y facil de adaptar.

  6. Moises

    I am new to WordPress. I have several blogs in Typepad and want to use WP because of the pages features. Didn’t realize the post editor was so primitive. I don’t want to fool with HTML to post(especially my clients wouldn’t be able to).

    So your plug-in is just what I need.

    But I can’t get it to work. The standard buttons are gone but no new ones.

    Looking at the plugin code:
    // Path to Tiny MCE in the plugin directory
    $wysiwyg_path = “../wp-content/plugins/tinymce/” ;

    // Relative path from your wordpress installation of the images directory
    $wysiwyg_image_path = “wp-content/” ;

    tinymce is where you specify:
    The path is /blog/wp-content/plugins/tinymce/

    I don’t understand the second line.

    images area at:
    /blog/wp-images
    same level as wp-content

    Do I need to change path?

    I am using IE 6 with javascipt enabled.

    Hey I just tried using Firefox and lo and behold it works. Maybe my IE is corrupted. Can you use IE ok?

    Gracias por el plugin.

  7. Well, I just fixed a bug that on some server setups the image broser wasn’t working very well.

    Download the new file and just so everyones knows… on my plugin you shouldn’t need to change any files but the plugin configuration.

  8. Michael, don’t chane anything at all… first upload the original files, activate the plugin and see if it works (it should).

    Also, if you have a low speed connection wait a little for the whole thing to load.

  9. After Installing I get an error:

    Warning: Cannot modify header information – headers already sent by (output started at /website/blog/wp-admin/admin-header.php:8) in /website/blog/wp-trackback.php on line 11
    1 I really need an ID for this to work.

    What’s wrong?

  10. MindMeld » Blog Archive » wordpress to-do

  11. I’m having a little problem installing the wysiwyg editor interface. I’ve uploaded everything & activated the plug in. But I’m not getting the wysiwyg editor interface in my Write panel.

    I just want to note that I placed the wysiwyg_v1 folder directly within my plugins folder. I didn’t first extract the files fr. wysiwyg_v1 & upload them into the plugins folder. Is that an OK installation? Or should I take all files out of the wysiwyg_v1 folder & then place them in the plugins folder?

  12. Richard, you should take the files out of that directory… the wysiwyg.php file and the tinyMCE directory should be uploaded directly to the plugins folder.

  13. Trying to get text color to work. I saw where I have to add ‘forecolor’ to the PHP file – even added font[color|size] to extended_valid_elements. Color is being added but it is not being saved.

  14. Andy, check the tinyMCE documentation, they have an option to clean out the html so it only contains valid items… You probably need to turn that option off or extend the tags so it accepts the needed extra parameters/tags/styles or similar.

  15. The plugin seems to work fin in Firefox 1.0.4 and Netscape 7.2 but not in IE 6.0.29 on Win XP Pro SP2

  16. I have exactly the same problem as K Bouton (FF works perfectly; with IE there is no evidence that the Plugin is even activated).

    I have tried both the supplied tinyMCE (1.2) and also the latest version of tinyMCE (1.45RC2).

    I am testing on WinXP Pro SP2, Apache 2.0.52 (localhost), mysql 4.0.21, php 5.0.2, WordPress 1.5.1.2.

    I do get errors in the httpd log:
    [error] [client 127.0.0.1] File does not exist: C:/Program Files/Apache Group/Apache2/htdocs/wp-content, referer: http://127.0.0.1/blog/

    Not sure why it’s trying to look there instead of C:\wordpress\wp-content. I have an Apache alias set up mapping Alias “/blog” “C:/wordpress”, so whatever is looking, it won’t find anything in the Apache install place.

    My assumption is that it can’t be a setup problem, because Firefox works just fine. The example pages with TinyMCE work fine in both IE and FF. It’s just the plugin which seems to have a problem.

    Any suggestions gratefully received!

  17. Sussed it.

    Line 71 in wysiwyg.php (extended_valid_elements …) ends with a comma just before a closing curly-bracket. Delete the trailing comma and all works fine.

    The clue was that post.php causes a script error in IE (warning symbol in lower-left corner) due to the Javascript code created by wysiwyg.php. Firefox is intelligent enough to ignore the trailing comma.

    BTW, if anyone out there hasn’t discovered it, you can enable a lot more buttons in the editor panel by editing wysiwyg.php. Just add more fields to the “theme_advanced_buttons” lines, e.g.

    theme_advanced_buttons1 : “cut, copy, paste, selectall, separator, undo, redo, separator, link, unlink, anchor, image, ibrowser, charmap, emotions, insertdate, separator, tablecontrols, separator, visualaid, code”,
    theme_advanced_buttons2 : “formatselect, fontselect, fontsizeselect, separator, bold, italic, underline, strikethrough, separator, justifyleft, justifycenter, justifyright, separator, bullist, numlist, outdent, indent, separator, forecolor, backcolor, separator, sub, sup, separator, removeformat”,

    Also, to keep more formatting, add more elements to the extended_valid_elements field, e.g.:

    extended_valid_elements : “a[name|href|target|title|onclick], img[class|src|border=0|…”

    I’m happy!

  18. Otra cosa… y discúlpame si estoy fastidioso :oops:, pero es que he ido notando algunas cosas a medida que uso el Plugin.

    Por ejemplo, cuando tengo en algún post un código de una película Flash incrustada, cuando edito el post con el WYSIWYG activado, me borra el código de la película flash y no hay manera de que me deje agregarlo de nuevo :-(

  19. Sobre lo de IE6 espero arreglarlo en estos dias… y sobre lo de flash lo que sucede es que el plugin limpia el codigo html (de hecho eso lo hace tinymce) y por lo tanto remueve el flash ya que no esta “permitido”.

    Eso lo puedes activar facilmente… solamente lee la documentacion de TinyMCE.

  20. Hello!

    Just great plugin!
    But few questions:
    Is it possible that this plugin could accept quicktags? What about optional ImageManager plugin (from htmlarea)?

  21. I just downloaded this plug-in and turned it on. But I don’t see any change on the write message option. Is there something else I need to do? I am using the latest IE and WP1.5

  22. Al postear imagenes, me mueve todos los post y los descoloca de su lugar.. no los deja centrados…
    Estoy haciendo alguna comprobacion..por seas caso es del theme que uso para el blog…

  23. No permite lo de copiar y pegar por cuestiones de seguridad. Sin embargo creo (no estoy seguro de esto) que si primero pegas el texto en un editor simple como notepad y luego de regreso en el blog posiblemente si funciona.

  24. A L T R O V E . O R G » Blog Archive » WYSIWYG editor

  25. extended_valid_elements : “a[name|href|target|title|onclick]”,
    });

    must remove ‘,’

    extended_valid_elements : “a[name|href|target|title|onclick]”
    });

  26. saramariephotography.com

  27. S U N C C C » Blog Archive » 在WordPress中文章编辑实现所见即所得

  28. Excellent. The other markup plugins (markdown, textile, etc) are a bit techie for the other people on my site. This is a great solution !

    I intend to make a small change to it to make it work with my Coppermine integration plugin. I’ll keep you up to date.

  29. great plugin but I cannot get image loading to work! I have tried all things in iconfig.php, but no results.

    With absolute path ( $imagedirectory = “http://server/blog/wp-content/images/”;)

    the image browser opens but tells me Library doesn’t Physically exist”.

    With relative path ($imagedirectory = “wp-content/images/”;) the image browser does not even open.

    Any ideas??

  30. Ok, thanks. I installed your default iconfig.php. It works, but takes a very, very long time to come up. I thought it was broken first time I tried it.. not patient enough ! :(

    I saw this in your readme file and thought you meant to edit config.

    “To set up the image browser and upload utility open on the plugin file setup the path relative to your wordpress installation of the directory that you would like to use.”

    Thanks again, great plug-in :)

  31. One more question: the image browser is very, very slow. If there are more than 3-4 images in the folder the browser simply times out.

    Any thoughts? I am using FireFox, my host is otherwise fast.

  32. I never expirienced anything like that.. and I’m also using firefox.

    But don’t worry to much about it… in just a few weeks you won’t need this plugin. WordPress 1.6 will have TinyMCE integrated (you will be able to activate it and deactivate it in the options).

    They are also working on something for managing and posting images but I haven’t take a look at it yet.

  33. empdesign » Blog Archive » Editor para Wordpress

  34. Hola te escribo con la siguiente premisa, instalé el pluging, pero cuando lo activo el entorno para “Escribir” un nuevo post o mensaje, no me cambia…es decir, al parecer so se activa el pluging. – Que crees que pueda pasar y cuales podrian ser las soluciones. Mi navegador es Firefox aunque tambien probe con Internet Xplore, aun asi no que activado. Gracias, y espero respuesta. :)!!!

  35. El problema podria ser que este instalado en el directorio equivocado (antes los plugins tenian que estar directamente en el folder ‘plugins’ y ahora es posible que esten en subdirectorios y esto podria causar confusion).

    En Firefox puedes ver una consola con los errores que marca javascript. Quizas lo que dice ahi te podria dar una idea de cual es el problema.

  36. Hola! Ya funcióno, el problema era que, yo si cargaba el pluging en su directorio correspondiente, solo que el pluging estaba en un sub-directorio como me decias, Verifique en la consola de Java y está me indicaba el error. :)

  37. Moises,

    I really like the plugin, but I have two notes on it: First, there is an extra comma in the wysiwyg.php file that makes it not work until it is removed. This comma is at the end of all the options for tinymce. Second I recommend the line

    convert_newlines_to_brs : true

    to be in the options for tinymce. This allows better compatibility with WordPress which uses line breaks as if they were . When somebody goes in to edit or change an existing page or post they will have better luck this way.

    Thanks for your hard work on this!

    Peter

  38. I think it is a great utility, and am trying to use it, and got stomped on the image directory.

    The problem is that I have always relied on an absolute URL like http://www.mysite.com/myblog/wp-images/mypics.jpg etc to place my pics.

    I have one or two directory redirections that i needed to do to divert the right traffic.

    I think the problem comes in that the software is thrown off, and returns the wrong directory.

    Is there somewhere where I can set definitely where I placed my images? Not a relative directory which it seems to store?

    Thanks.

  39. d-blog » Blog Archive » Dies und Jenes

  40. This plug-in is fantastic, but the images (which are called with relative links) don’t work with permalinks enabled.

    Any ideas about how to fix this, anyone?

  41. Chris Kelley’s Blog » Blog Archive » Another plug-in

  42. Que tal Moises !!! Enhorabuena con tu plugin. Quisiera ver si sabes el porque cuando edito texto de repente me sale texto en negrita (que no he formateado en negrita).

    Digamos, coloco 1 titular de parrafo en negrita asi

    Encabezado
    Contenido bla bla bla bla bla

    Pero el editor me convierte en negrita todo. Incluso los links del blog que estan especificados como texto delgado se vuelve negrita tambien.

    Eso me paso con otro plugin similar… pero no tengo ni idea de que pudiera ser.

    – Gracias de antemano.

  43. Ivan, quizas el problema esta en el estilo del parrafo… Asegurate de ponerlo en Paragraph o en none.

    Tambien revisa el codigo que esta generando el plugin picandole al boton de HTML.

    Sinceramente aunque facilita mucho el trabajo, TinyMCE todavia tiene bastantes bugs y no funciona igual en todos los browsers.

  44. Hola Moisés, estaba viendo tu plugin que funciona perfectoooooooo, pero extraño el botón de Leer Más, hay alguna forma de poder hacerlo???? A lo mejor hacerlo directamente en la ventanita de HTML. Gracias por tu trabajo!!!!!!!

  45. Pablo,

    Lo que hace mi plugin ya va a venir incluido como parte de la funcionalidad de WordPress para la version 1.6. Tambien ya va a incluir el boton de Leer mas entre otras cosas.

    Sinceramente nunca lo investigue porque yo en realidad no lo uso y cuando pense en hacerlo ya se habia decidido entre los desarrolladores de WP que se va a integrar un editor simialr por lo tanto ya ni me tome la molestia.

    Cuestion de tiempo para que lo tengas.

  46. Muchas gracias Moisés por tu pronta respuesta, te felicito por tu trabajo, y bueno ya lo esperaré en la nueva versión, igual por ahora lo voy usando con el código HTML. Un abrazo y muy buen trabajo nuevamente!!!!!!!!!

    Pd: la fecha está un poco mal o ya la veo mal, porque pone 6 de Agosto en todo momento….

  47. T.Qiang’s Blog » test

  48. Muchas gracias. Otra cosilla que pasa tambien es que no sale nada en el cuadro de HTML cuando se abre. Sale totalmente limpio. ¿Alguna idea de porque sucede esto en firefox?

    Gracias de antemano.

  49. The Benjo Blog » Blog Archive » WYSIWYG and Preview Post Plugins

  50. kaspar wrotes: “the image browser is very, very slow. If there are more than 3-4 images in the folder the browser simply times out.”

    I experienced the same problem and tracked it down to line 275 of ibrowser.php:

    $size = getimagesize($tinyMCE_base_url.$imglib.$entry);

    Replaced by:
    $size = getimagesize($root.$imglib.$entry);

    and everything works fine.

  51. JoomlaReport » Warum ich auf dieser Seite WordPress nutze

  52. Great plugin, but is it possible to get the Quicktags working? Especially the –more– tag?
    Thanks!

  53. MadDog Blog » Редактор в Wordpress’е

  54. Hola. Felicitaciones por tu plug in. Tengo problemas para cargasr las imagenes y quisera saber si me puedes dar ayuda. cuando intentoi cargarlas me sale este mensaje:
    —————–
    Warning: move_uploaded_file(/home/virtual/site178/fst/var/www/html/wp-content/20.2×25.39.jpg): failed to open stream: Permission denied in /home/virtual/site178/fst/var/www/html/wp-content/plugins/tinymce/plugins/ibrowser/ibrowser.php on line 458
    —————–
    Warning: move_uploaded_file(): Unable to move ‘/tmp/phpznJtp5’ to ‘/home/virtual/site178/fst/var/www/html/wp-content/20.2×25.39.jpg’ in /home/virtual/site178/fst/var/www/html/wp-content/plugins/tinymce/plugins/ibrowser/ibrowser.php on line 458
    —————–

    Gracias por tu ayuda.
    Saludos

  55. Roberto:

    Es un problema de PHP para mover las imagenes. Sin saber la configuracion de tu server me parece que esta relacionado con un detalle de permisos. Ya sea que la carpeta wp-content no tiene permisos de escritura o que PHP tiene habilitada una opcion de seguridad que causa conflicto y esta relacionado con cuestiones del usuario que esta corriendo el script y el usuario que es dueño del archivo.

    Quizas mi explicacion es un poco confusa ya que tu problema se relaciona con cuestiones tecnicas de Unix/PHP.

  56. Ev verdad, suna confuso ya que soy un novato en el tema, pero es de gran ayuda tu respuesta. A partir de tu dato comenzare a investigar.
    Saludos y felicitaciones!

  57. I have upload and activate plugin on my wp v.1.5.1.3 but nothing happen..
    Textarea it’s same and no wysisyg editor appear.
    ?
    Thks

  58. Azzie Elbub. Полублог » Что вижу то и получаю

  59. JWDWeblog » Test Post: TinyMCE Embedded WYSIWYG Editor

  60. BuddaBlog » WYSIWYG Plugin for Wordpress

  61. La pregunta es la siguiente.
    NO he podido aumentar el area del texto para la edicion.

    de hecho la cambie en el archivo php del plugin pero el area para escribir los post continua igual de pequeña. Por lo demás el plugin funciona a la perefección.

    Alguna

  62. [Off-topic]
    Hi, I just love the way your archive is presented in the sidebar. Would you please be so kind to fill me in how you did that or better jet, tell me if there’s a plugin like that I can download.
    Thanks in advance.
    [/Off-topic]

  63. El Rincón de JuAnJo » Blog Archive » Plugin Wysiwyg para Wordpress

  64. Buenas, el plugin está genial. Solo tengo un problema:
    Con una resolución de 800×600 (que es la que utilizo) la barra del WYSIWYG se me hace demasiado larga. Es decir, no puedo ver todo el contenido de la barra de herramientas (se me “esconde” debajo de “categorias” en la sección escribir del wordpress)

    En el readme solo especificas como modificer la altura del editor (height). Hay alguna forma de modificar directamente el ancho de la barra?

    Lo demás funciona perfecto!
    Gracias por todo.

  65. Hello, I have not installed your plug-in yet, but plan to. I just wanted to let you know I found that the link from an earlier post is incorrect and most searches drive to that page.

    Maybe that can be corrected so you can get more traction for your plugin [then again…you may not want that ;)]

  66. John Doe's personal blog

  67. Muy bueno el plugin.
    Un agregado (si aún no está): para eliminar la barra de quicktags hay que agregar una definición de css:
    #quicktags { display: none };
    en la función insert_wysywing del plugin

  68. Me incorporo tarde al hilo, pero es que instalo el plugin tal como se dice en el readme, en wordpress 1.5, y no aparece el editor de marras. ¿Què puede estar pasando?

  69. Hola Moises, en primer lugar enhorabuena por tu blog me parece muy bueno.
    Veras quisiera comentarte acerca de un problema con TinyMCE editor, que estoy utilizando en el modulo administrador de Oscommerce con el navegador Mozilla y es que cuando inserto una imagen para que aparezca con la descripcion del producto esta no aparece, solo se muestra el icino entrecortado del navegaror, pero con el navegador explorer esto no ocurre.
    Sabes de algun plugin que evite este problema.?
    Gracias anticipadas por tu ayuda.

Los comentarios estan cerrados.