«

»

Feb
28

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]

Possibly Related posts:

  1. WordPress 2.3 and My Plugins
  2. Second Release: Add Related Posts to Your Feed
  3. Testing New WordPress Versions Part 4: Upgrade!
  4. WP Schwag
  5. An Annoying Little Bug – Solved 9 months later!

34 comments

39 pings

  1. Rich G. says:

    Nicely done, downloaded, installed, and running.

  2. Joe says:

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

  3. manu khanna says:

    awesome job.

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

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

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

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

  8. Luis says:

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

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

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

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

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

  13. Chris says:

    @Michael – Thanks for the kind words.

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

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

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

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

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

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

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

  20. Chris says:

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

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

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

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

  24. Chris says:

    I hope I’m wrong [...]

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

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

  26. Chris says:

    Glad to hear you got it sorted out, David.

  27. hebrink says:

    Great plugin… wish I have a WordPress Blog.

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

  29. Jack says:

    Great work! Thanks for the helpful information.

  30. Dan says:

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

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

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

  33. mark says:

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

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

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

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

  2. Wordpress Plugins - Visualize Advanced Features | Wordpress Tutorials And Blogging Tips says:

    [...] * 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 [...]

  3. Wordpress Essetial Plugins says:

    [...] 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 [...]

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

    [...] เว็บไซต์ผู้พัฒนา [...]

  5. » WP Plugin: Visualize Advanced Features » WordPress Italy says:

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

  6. WeblogToolsCollection DE » Blog Archive » WordPress Plugin Veröffentlichungen am 3.1. says:

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

  7. [i:rrhoblog] » links for 2007-03-02 says:

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

  8. ThemePress » Weblog Tools Collection: WordPress Plugin Releases for 3/01 says:

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

  9. WPのプラグイン:Visualize Advanced Features says:

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

  10. Coyote Mercury » WordPress 2.1 Easter Eggs says:

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

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

    [...] la pagina del plugin [...]

  12. Two useful plugins for the Wordpress visual editor (at wongaBlog) says:

    [...] 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. [...]

  13. WordPress Plugin Directory » Solo Technology says:

    [...] 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 [...]

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

    [...] 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 [...]

  15. WordPress Plugins for March 27, 2007 « designcreatology says:

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

  16. Stephan A. aus B. » Neustart says:

    [...] ST Visualize Advanced Features [...]

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

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

  18. Neustart | Stephan A. aus B. says:

    [...] ST Visualize Advanced Features [...]

  19. Truquillo para el editor visual de wordpress: nuevas líneas en BloqNum says:

    [...] 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. WP Plugins March 27, 2007 | Blogtology says:

    [...] 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 [...]

  21. April 2007 in Review » Solo Technology says:

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

  22. Undocumented Features In The Wordpress WYSIWYG Editor says:

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

  23. Liste de plugins Wordpress says:

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

  24. I Would Like To Thank My Plugins | iPentimento says:

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

  25. Use WordPress Editor Shortcuts to blog quicker | Easy Wordpress says:

    [...] 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 [...]

  26. NightAngel » Blog Archive » WordPress... une astuce et deux failles says:

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

  27. Perazza.com | Wysiwyg do WordPress 2.2 says:

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

  28. WP Plugins DB » Plugin Details » ST Visualize Advanced Features says:

    [...] Visit [...]

  29. Neustart/Wordpress-Plugins | Stephan A. aus B. says:

    [...] ST Visualize Advanced Features [...]

  30.   Liste: Wordpress-Plugins — ultimonativ says:

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

  31. Visualize Advanced Features | わーどぷれすっ! says:

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

  32. Panduan Online.Com » Blog Archive » Visualize Advance Features-Wordpress Plugin says:

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

  33. chinsan's Blog » Blog Archive » Blog 更新紀錄 says:

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

  34. Advance Toolbar Wordpress | hernawan.web.id (Beta) says:

    [...] 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 [...]

  35. chinsan's Blog » Blog Archive » Blog 更新紀錄 says:

    [...] 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 [...]

  36. Wordpress Plugin.. says:

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

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

    [...] 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 [...]

  38. www.evertuelle.com » Mentions légales says:

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

  39. Top 1000 WordPress Plugin Authors « Metode de promovare says:

    [...] Visualize Advanced Features [...]

Leave a Reply

Your email address will not be published.

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>