Make blogging easier! Wordpress WYSIWYG editor tip.

Whilst browsing through various blogs today I came across a post at UGH about the Wordpress WYSIWYG editor.I was delighted to find out that you can access extra functions within the editor just by pressing "Shift + Alt +V". This reveals another button bar with extra functions for formatting your text!Here is a list of what extra functions you get:

  • Adding heading and other HTML tags
  • Underline
  • Full Align
  • Select Text Color
  • Paste as Plain Text
  • Paste from Word (cleans up all the junk yet retains formatting - Woohoo!!)
  • Remove Formatting
  • Cleanup messy code (Wow!)
  • Insert custom character
  • Undo and Redo

What I didn't realize was that the WYSIWIG editor in Wordpress was developed as an open source editor by company called Moxiecode and called it TinyMCE. It is not only Wordpress who use the TinyMCE editor so this extra functionality may be available on other platforms too!

For Further tips on incresing the functionality of your editor check out Torsten Mueller's blog, origionaly written in German. Heres a link for an English version. Great stuff!

If you enjoyed this post please feel free to buy me a gingerbread late! mmmm!

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Technorati
  • DZone
  • StumbleUpon
  • Furl

Tags:

5 Responses to “Make blogging easier! Wordpress WYSIWYG editor tip.”


  1. 1 Torsten Mueller

    Hi Andy,
    you might be interested in the possibility to enhance the functionality of the TinyMCE Editor. I have described this on my blog at http://www.vi-su.de/wordpress-editor-tinymce-erweitern/2007/05/14/ which is unfortunately in german language. You just have to download the whole package of the editor at http://tinymce.moxiecode.com/download.php. Within the package you will find several plugins which you can upload to /wp-includes/js/tinymce/plugins/
    Afterwards just edit the file tiny_mce_config.php which is in /wp-includes/js/tinymce/.
    You have to expand the array for the plugins. Instead of $plugins = array('inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress');
    you will have
    $plugins = array('inlinepopups', 'autosave', 'spellchecker', 'paste', 'table', 'wordpress');
    if you decide to use the table plugin.
    With these two lines
    $mce_buttons_3 = apply_filters('mce_buttons_3', array('tablecontrols'));
    $mce_buttons_3 = implode($mce_buttons_3, ',');
    you will install the button in the editor for the table control.

    Meanwhile there is also a plugin which I didn't try until now, but it shall work fine. It is called TinyMCE Advanced and it shall give access to additional editor plugins after installation.
    I wrote about it at http://www.vi-su.de/wordpress-plugin-tinymce-advanced/2007/05/25/ and you will find the plugin at http://www.laptoptips.ca/projects/tinymce-advanced/

  2. 2 Andy

    Hi Torsten, thanks for that, I'm currently trying to teach myself PHP and I've just gotten to the ARRAY section of the book, so I 'kind of' understand the code "Coincidence?" lol..

    I've just had a quick look at your blog translated by google, theres some great stuff there. I'll add your link tot he bottom of ths post!

    Thanks

    Andy

  3. 3 Scott

    Whoa

    Didn't realize there was another whole menu bar available. I've laid off using other colors because I didn't want to mess with the html tags, this will be very nice

    Thanks
    Scott

  4. 4 Donovan

    Thanks for the great tip! Who knew the advanced toolbar was there all the time?

    I just found there are 18 other hotkeys listed on the Rich Editor Help. Click the Help button on the toolbar and click the 'Hotkeys' tab.

    …but who reads the help documentation anyway…

  1. 1 Wordpress No-follow hack at Andy Coates Dot Com

Leave a Reply