First Release: Visualize Advanced Features

28 Feb 2007
February 28, 2007

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]

Tags: , , ,
73 replies
  1. Rich G. says:

    Nicely done, downloaded, installed, and running.

    Reply
  2. Joe says:

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

    Reply
  3. 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.

    Reply
  4. 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…

    Reply
  5. 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.

    Reply
  6. 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.

    Reply
  7. Luis says:

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

    Reply
  8. 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?

    Reply
  9. 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

    Reply
  10. 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!

    Reply
  11. 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

    Reply
  12. Chris says:

    @Michael – Thanks for the kind words.

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

    Reply
  13. 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. :)

    Reply
  14. Adam Kayce : Monk At Work says:

    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!

    Reply
  15. 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!

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

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

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

    Reply
  19. Chris says:

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

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

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

    Reply
  22. 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.

    Reply
  23. Chris says:

    I hope I’m wrong […]

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

    Reply
  24. 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.

    Reply
  25. Chris says:

    Glad to hear you got it sorted out, David.

    Reply
  26. hebrink says:

    Great plugin… wish I have a WordPress Blog.

    Reply
  27. 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.

    Reply
  28. Jack says:

    Great work! Thanks for the helpful information.

    Reply
  29. Dan says:

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

    Reply
  30. 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!!

    Reply
  31. 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. :-)

    Reply
  32. mark says:

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

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

    Reply

Trackbacks & Pingbacks

  1. […] ST Visualize Advanced Features de Chris Kasten, […]

  2. […] of the new features replace various plugins I was using before (Image Manager, and ST Visualize Advanced Features ). I’ll be using a new plugin – my husband David wrote a simple one for converting WP tags to […]

  3. […] tavsiye ederim. Eğer WordPress 2.3′ten eski bir sürüm kullanıyorsanız hemen indirin yada plugin anasayfasını ziyaret […]

  4. […] Comments、Optimize DB、Pagebar、Quotmarks Replacer、Sexy Comments、Spam Karma 2、ST Visualize Advanced Features(2.3 之後就不必了,已經有了)、wp-cache、WP-Footnotes、WP-Print、wp-Table、WP […]

  5. […] link. nah dari urutan kedua beberapa link yang ditampilkan tersebut saya klik akhirnya menuju ke solo technologi. download, unzip, dan upload ke website. akhirnya sekarang saya sudah punya advance toolbar. thx to […]

  6. […] Comments、Optimize DB、Pagebar、Quotmarks Replacer、Sexy Comments、Spam Karma 2、ST Visualize Advanced Features、wp-cache、WP-Footnotes、WP-Print、wp-Table、WP […]

  7. […] warna digunakan?? Sekarang nih pengguna-pengguna wordpress boleh mendapatkan WordPress Pluggin – Visualize Advance Features ada tambahan menu disebelah […]

  8. […] ダウンロード:First Release: Visualize Advanced Features » Solo Technology […]

  9. […] Plugin erweitert das Verfassen-Fenster um einige Optionen, wie beispielsweise Blocksatz, Überschrift-Typ […]

  10. […] ST Visualize Advanced Features […]

  11. […] tambm este plugin que encontrei neste blog, para por o boto no editor, para voc no precisar digitar as teclas de […]

  12. […] léger plugin “Visualize Advanced Features“ développé par Handy permet de ne pas avoir à répéter cette satanique manipulation. Il […]

  13. […] may also want to check out a cool plugin called Visual Advanced Features, that enables you to see how your posts look visually before you publish them on your blogs. Here is […]

  14. […] ST Visualize Advanced Features Efficient code from Mark Steel. By Chris Kasten. […]

  15. […] ST Visualize Advanced Features Show the advanced options button on the WYSIWYG editor all the time. Conceived by Chris Kasten. […]

  16. […] Chris has made a plugin that adds an icon to your toolbar so you can access these features without having to muck about […]

  17. […] First Release: Visualize Advanced Features – The announcement post for that plugin I mentioned up there at the top spot. […]

  18. […] similar to the del.icio.us sidebar widget. This widget uses SimpleXML and as such requires PHP5. Visualize Advanced Features will display the hidden buttons in the WordPress 2.1 WYSIWYG […]

  19. […] que el editor del WP2.1 trae algunas características ocultas que podéis mostrar fácilmente con este plugin. Posts relacionados (o no) con esta entrada: Si funciona, está obsoletoVi es el editor del […]

  20. […] ST Visualize Advanced Features […]

  21. […] Visualize Advanced Features v0.03 adds an icon to the end of the default editor bar that brings up the advanced featured editor […]

  22. […] ST Visualize Advanced Features […]

  23. […] Visualize Advanced Features will display the hidden buttons in the WordPress 2.1 WYSIWYG editor. […]

  24. […] site for clients and want to make their lives easier, Chris Kasten from Solo Technology has created a plugin that places a toggle button on the end of the default toolbar that, when pressed, opens the second […]

  25. […] whining aside, I think it’s a pretty great idea and have even migrated over my Visualize Extended Features plugin to it. In general, I have just about everything working right except my screenshot tab […]

  26. […] Add a toggle switch for advanced features in the Visual editor (try shift-v in IE or alt-shift-v in Firefox to do it manually). The extra toolbar has ‘paste plain text’ and ‘remove formatting’ buttons, which will help with a couple of the VE’s annoyances. […]

  27. […] The Visualize Advanced Features plugin makes all of this visible. Technorati Tags: wordpress, 2.1, easter eggs Posted by James in […]

  28. […] ダウンロード:First Release: Visualize Advanced Features » Solo Technology […]

  29. […] Visualize Advanced Features will display the hidden buttons in the WordPress 2.1 WYSIWYG editor. […]

  30. […] Visualize Advanced Features Für den WordPress 2.1x WYSIWYG Editor (tags: wordpress plugin wp-plugins) […]

  31. […] Visualize Advanced Features zeigt die versteckten Buttons im WordPress 2.1 WYSIWYG Editor an. […]

  32. […] semplice plugin che inserisce un pulsante per mostrare la barra degli strumenti avanzata per l’editor WYSIWYG […]

  33. […] Displays a series of icons below each post allowing your readers to easily submit you to many different social bookmarking and networking sites, like del.icio.us, digg, reddit… Visualize Advances Feature […]

  34. […] * Download it from my downloads page * Unzip it * FTP/scp/carrier pigeon it to your server, put it in the plugins directory * Login to WordPress, activate it.Source : Solo Technology […]

  35. […] Visualize Advanced Features will display the hidden buttons in the WordPress 2.1 WYSIWYG editor. […]

Leave a Reply

Want to join the discussion?
Feel free to contribute!

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>