First Release: Visualize Advanced Features

This very simple little WordPress plugin shows the Advanced Toolbar button in your WordPress 2.1x WYSIWYG Post Editor. No more fumbling around for the correct hotkey to show these “hidden” buttons. Just click the button (see red circled image below).

Visualize Toolbar

If you use the wysiwyg editor, you’ll want to give this a try. I think you’ll be pleased.

Update: September 23, 2007 — it appears that this functionality is now native in the upcoming WordPress 2.3.  As such, upgraders to that version won’t want this.

Big shout to Mark Steel for the code.

License:

  • GPL License. Use it, build from it — ideally, credit me as the idea guy with a link back to here. Say nice things about Mark too.

Instructions:

  • Download it from my downloads page WordPress plugins page
  • Unzip it
  • FTP/scp/carrier pigeon it to your server, put it in the plugins directory
  • Login to WordPress, activate it.

Future:

  • Open to ideas… perhaps research TinyMCE and see if there are other interesting buttons to show?

History

[Released with Mark's permission]

About Chris

I consider myself a jack-of-all-trades. Which means I know a little about a lot... or think I do, at any rate. Check my "About Me" page for more info.
Tagged , , , . Bookmark the permalink.

73 Responses to First Release: Visualize Advanced Features

  1. Rich G. says:

    Nicely done, downloaded, installed, and running.

  2. Joe says:

    Full plugin now? C0ol, I’ll have download it. :)

  3. Pingback: Weblog Tools Collection » Blog Archive » WordPress Plugin Releases for 3/01

  4. Pingback: Wordpress Plugins - Visualize Advanced Features | Wordpress Tutorials And Blogging Tips

  5. Pingback: Wordpress Essetial Plugins

  6. Pingback: ปลั๊กอิน: Visualize Advanced Features « au8ust’s wordpress channel

  7. Pingback: » WP Plugin: Visualize Advanced Features » WordPress Italy

  8. Pingback: WeblogToolsCollection DE » Blog Archive » WordPress Plugin Veröffentlichungen am 3.1.

  9. Jim says:

    You said “Open to ideas… perhaps research TinyMCE and see if there are other interesting buttons to show

    There’s a ton of features in TinyMCE that can be implimented in the WP editor. From tables (10 button features) to CSS layout and layers to text formatting. Font format, family, size, color, background color, sub/super script, etc. Almost all are in the form of TinyMCE plugins.

    Moxiecode has an example here of the complete function set with links to other more reasonable-sized sets. The command reference is a listed here.

    Even a code moron (me!) can manage to manually alter the TinyMCE initialization file to get added functions. What would be nice —and far beyond my skill— is a visual plugin or function page to easily add or subtract the plugins.

  10. Pingback: [i:rrhoblog] » links for 2007-03-02

  11. Chris says:

    @Jim – good stuff, and some ideas to ponder. Thanks!

    Looks like I have some reading to do. I’m intrigued by the idea of a plugin to add/remove TinyMCE features. Now to find the time…

  12. Pingback: ThemePress » Weblog Tools Collection: WordPress Plugin Releases for 3/01

  13. Pingback: WPのプラグイン:Visualize Advanced Features

  14. Pingback: Coyote Mercury » WordPress 2.1 Easter Eggs

  15. Pingback: Zanblog.it di Giorgio Zanetti » L’editor visuale avanzato “nascosto” di WP 2.1

  16. Pingback: Two useful plugins for the Wordpress visual editor (at wongaBlog)

  17. Pingback: WordPress Plugin Directory » Solo Technology

  18. Pingback: Shortcut and plugin for advanced editing options in the WordPress editor » wordpressgarage.com

  19. Pingback: WordPress Plugins for March 27, 2007 « designcreatology

  20. Pingback: Stephan A. aus B. » Neustart

  21. Pingback: The WordPress Podcast » Episode 21: WordCamp, an official plug-in directory and Charles’ troubles with upgrades

  22. Pingback: Neustart | Stephan A. aus B.

  23. Pingback: Truquillo para el editor visual de wordpress: nuevas líneas en BloqNum

  24. PG says:

    Strange… it put the button on the hidden extended row, not the top row… so I have to do the keycombo to see the button that’s supposed to eliminate the keycombo. heheheh.

  25. Chris says:

    @PG – well that’s a first!

    Are you running any other plugins that might be tweaking TinyMCE (the wysiwyg editor)?

    After activating it, you may need to clear your local browser cache.

  26. Luis says:

    After 2.1.3 upgrade the plug-in is not working, any workaround.

  27. Chris says:

    Hi Luis – I’m at 2.1.3 here and it still works. Off the top of my head, not sure what to suggest. Did you install any other/new plugins recently that might conflict?

  28. Luis says:

    Hello Chris,

    The only thing I know I did wrong was to update wordpress without de-activating the plug-ins. After the update I went back and check them one by one and this one is the only one that seem to have stop working. I tried re-installing it but still don’t work. I checked 3 different browsers, with the same result. Do you know how can I troubleshoot this.

    Thanks a lot,

    Luis

  29. Michael says:

    This is such a neat enhancement. Thank you for your work!
    It worked perfectly once I removed another wysiwyg plugin called Advanced Wysiwyg. They were coming to blows under the hood, and had to be separated!

    Visualize Advanced Features was the winner!

    Cheers, Chris!

  30. Pingback: WP Plugins March 27, 2007 | Blogtology

  31. Luis says:

    Chris,

    I empty the cache on my browser, deleted history, and thats it. I can now see the wysiwyg extra features. Strange, I never thought that would be a problem. Damn cookies, jaja.

    Thanks a lot man!

    Luis

  32. Chris says:

    @Michael – Thanks for the kind words.

    @Luis – so glad to hear you got it working. :-)

  33. Sarah Lewis says:

    Just a quick note to say that I also had to delete my cache to see the results of this plugin on WP 2.1.3. Not a big deal once you know what to do. :)

  34. Ha — this is great. Thanks so much!

    I love that you can choose h1, h2, etc. from the visual toolbar, without having to go into code view and manually adding all that stuff.

    Thanks, big time!

  35. Pingback: April 2007 in Review » Solo Technology

  36. ginny says:

    Working! Thank you so much. It’s nice to have the toggle button in the standard toolbar where it obviously needed to be. Is there a way of making the advance toolbar stay visible after a visit to the CODE tag? If not, the button is there.

    What happened to the old HTML button? Is it really the same as the CODE tag, or is there a difference? There was some discussion on the support boards a while ago on how to edit the tinyMCE to get it back, and whether or not it was different from the CODE tag.

    Also, my codemonkey/husband will try to alter the config to stop it from stripping DIV tags and changing them to P tags; that is necessary because I use DIVs for some image styling site-wide.

    If there’s later, better information, I’m sure I’ll be back looking for answers…thanks again for making this plugin, though!

  37. Pingback: Undocumented Features In The Wordpress WYSIWYG Editor

  38. Does this plugin work with K2? says:

    I can’t seem to get this plugin to work, I am using K2 with wordpress 2.1.2

    I need a way to resize my text urgently!
    Any help please

    Scooter Schalk

  39. Chris says:

    I can’t imagine a theme impacting the wysiwyg editor… It sure shouldn’t be a theme issue.

    Then again, I’ve never quite figured out K2 — it’s a bit more than just a theme.

    This plugin only “touches” the TinyMCE editor. I guess you’d have to ask the K2 guys if they’re messing with the editor as well.

  40. Pingback: Liste de plugins Wordpress

  41. Pingback: I Would Like To Thank My Plugins | iPentimento

  42. Pingback: Use WordPress Editor Shortcuts to blog quicker | Easy Wordpress

  43. mll says:

    Simple yet cool plugin, thanks!

    What’d be nice is an option to have the 2nd toolbar activated by default – some of my users find it hard to find and/or reach that button. :D

  44. Chris says:

    mll – thank you. And I agree, that would be convenient. Something to look into. :)

  45. Pingback: NightAngel » Blog Archive » WordPress... une astuce et deux failles

  46. Karl says:

    Hi there!

    Had this handy plugin installed and liked it. Today I installed the “Advanced TinyMCE Editor” (http://www.mkbergman.com/?page_id=383) and was wondering if there’s a way to make the two plugins work together? I don’t know quite how this plugin works behind the scenes, but perhaps a switch or two could be altered so it picks up (and separates, as before) the new tags too?

    Thanks, Karl

  47. Chris says:

    I’d not really looked at the “Advanced TinyMCE Editor” plugin before. But holy cow! It has a lot of buttons!

    Seems odd he only missed just this one. If I get a second this weekend, I’ll see if merge would be simple.

  48. Pingback: Perazza.com | Wysiwyg do WordPress 2.2

  49. David Esrati says:

    I hope I’m wrong- but 2.2.1 and this plug-in seem to break tinymce- so you won’t have a visual text editor. If anyone has successfully updated- please post a comment to this thread.

  50. Chris says:

    I hope I’m wrong [...]

    Good news! :-)
    Works just fine with my 2.2.1 installation.

  51. David Esrati says:

    After a few go arounds- it works with 2.2.1
    Had to DELETE and reinstall the wp-includes/js folder, after shutting off all plugins.
    Nice job on a great pludin.

  52. Chris says:

    Glad to hear you got it sorted out, David.

  53. Pingback: WP Plugins DB » Plugin Details » ST Visualize Advanced Features

  54. hebrink says:

    Great plugin… wish I have a WordPress Blog.

  55. Pingback: Neustart/Wordpress-Plugins | Stephan A. aus B.

  56. Pingback:   Liste: Wordpress-Plugins — ultimonativ

  57. Michelin says:

    Appreciate the plug-in, simple (to install) and works. Noticed this on my WP.com site, and wondered how to find it… now I have. Well done, and Thx
    PS: using WP 2.2.1 seems to be OK.

  58. Pingback: Visualize Advanced Features | わーどぷれすっ!

  59. Jack says:

    Great work! Thanks for the helpful information.

  60. Pingback: Panduan Online.Com » Blog Archive » Visualize Advance Features-Wordpress Plugin

  61. Dan says:

    Thanks for your work on this plug-in. Really helpful. Keep up the good work.
    Cheers,
    Dan

  62. mike says:

    Thanks for this!! As a request I would ask for a button to change the font size. I see the ‘formating’ drop down but I was hoping for a button to select font size using the ‘percentage’ standard. You highlight the text, hit the button, then enter the percentage you want the text.

    Just an idea.

    Thanks for the plugin!!

  63. Chris says:

    @Dan – thanks!

    @mike – I have this vague and unrealized goal of adding a lot more of the TinyMCE buttons… I’ve just not found the time to wade in.

    There are some more full featured WP editor replacement plugins that you might search for in the mean-time. :-)

  64. Pingback: chinsan's Blog » Blog Archive » Blog 更新紀錄

  65. Pingback: Advance Toolbar Wordpress | hernawan.web.id (Beta)

  66. mark says:

    it is update WordPress 2.3. .I download and installed,runing.now it is very good.

  67. Chris says:

    Interesting. My testing showed the “toolbar” a bit messed up in 2.3 with this enabled.

    Moot point, it’s included in 2.3 now anyways!

  68. Pingback: chinsan's Blog » Blog Archive » Blog 更新紀錄

  69. Pingback: Wordpress Plugin..

  70. Pingback: » New and Improved, or New and Unproved? Blogula Rasa: Reality-based in spite of my best efforts

  71. Pingback: www.evertuelle.com » Mentions légales

  72. Pingback: Top 1000 WordPress Plugin Authors « Metode de promovare

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>