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?

  11. Pingback: MindMeld » Blog Archive » wordpress to-do

  12. 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?

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

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

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

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

  20. 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!

  21. 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!

  25. 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 :-(

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

  27. Hello!

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

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

  34. 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…

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

  37. Pingback: A L T R O V E . O R G » Blog Archive » WYSIWYG editor

  39. Same problem as sxz. It works great in Firefox, but does not do anything in IE. Any ideas?

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

    must remove ‘,’

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

  42. Pingback: saramariephotography.com

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

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

  45. 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??

  46. Did you read the readme? You shouldn’t change anything at iconfig.php.

    Setup the upload option in wordpress and see if the plugin works.

  47. 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 :)

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

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

  50. Pingback: empdesign » Blog Archive » Editor para Wordpress