Skip to content Skip to tags Skip to twitter news Skip to blog roll Skip to categories Skip to archives Skip to recent posts

WordPress Editor Extender

12 Comments

Over the past year or so that I have been really putting effort into using WordPress as my CMS of choice when build clients sites I had found that the need for the extra functionality that TinyMCE brings to the table was constant. Instead of always making changes to the TinyMCE WordPress config file I decided to just create a plugin and have the ability to add and remove functionality as needed.

The plugin allows you to turn on most of the functionality that you would find at http://tinymce.moxiecode.com/example_full.php
with out having to dig into the code to turn things on and off. Simply go to your WordPress Admin area, click on Settings and then click on Editor Extender. On the Editor Extender options page you will have checkboxes for turning on and off options as you see fit, just check it to turn and option on; uncheck it to turn it off. Being sure to save changes after you make a change.

Now, there is of course one caveat, WordPress, more correctly TinyMCE, has a compression feature which helps loading up TinyMCE better. So if you turn on an option and you don’t see that functionality on your editor that means the your preview settings were compressed and cached. So what you need to do, via ftp or how ever you get files on and off your server, browse to wp-content/uploads/js_cache and in that folder you will most likely see a file starting with tinymce_ just go ahead and delete that file and then go back to your editor and refresh your browser.

With everything turned on, you will get something like below:

Install Instructions

  1. Unzip into your `/wp-content/plugins/` directory. If you’re uploading it make sure to upload the top-level folder. Don’t just upload all the php files and put them in `/wp-content/plugins/`.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Once installed, go to Settings then to Editor Extender.
  4. Once on the Editor Extender Options page, check each box for the feature you want to install
    1. Note: if you don’t see the new features, then your previous set up was cached, just go, via ftp, to /wp-content/uploads/js_cache and delete the file in there. Then refresh your browser window and you will see the new features.

Download

http://wordpress.org/extend/pl.....-extender/

Final words and Support

This has been tested on IE7, FF2, Opera 9, and Safari 3 and since there is some JavaScript trickery going it may have issues in other browsers I have not tested.  Please let me know if you have any JavaScript errors that are related to the edit page and I will try to get it fixed.

Below is the comment section where you can get the best support.

Lastly, if you like this plugin, feel free to link back and/or donate to help with bandwidth.

back to beginning of this post back to skip to links

12 Responses to “WordPress Editor Extender”

Very nice. Nice to know we can get more out of that default text editor if need be. I’d like to figure out how to alter the options with the rich text editor turned off as well. I like to do my editing in code view, and I’d love it if I could get an “h3″ tag button and a couple other various buttons in there. I’m thinking there is files that could be edited to make it happen, but I’d be worried then that upgrading wordpress would break those edits, so a plugin would be cooler =)

@Chris take a look at http://benjaminsterling.com/so.....wordpress/. This is what I have for my install and you are correct, it will get overwritten if you do a full upgrade, ie. you move all files over. There does not look like there is any hooks for appending to the list of quick tags, so creating a plugin may not be easy, but I do have some theories.

Awesome. Worked like a charm. I put some new buttons in that are unique to how I write posts. It was such an easy change that I wouldn’t be too concerned about writing over them with new WP versions.

Chris glad that worked for you, but since I am a plugin making mode, I went ahead and made a plugin. Will post about that shortly.

hello…its a great plug but dont work on my site….i’m using wp 2.5.1 and did all above and still the pluge dont work…i even tryed to erase it and install it again and stil none… now the wysiwyg priveas aditor dont work… help please

@freaks Gotta ask some stupid questions here, you did install and there were no errors thrown correct? After install, did you got to the options menu and turn on the items that you wanted on correct? Making sure to hit save? Do you have any other plugins installed that manipulate the editor? Did you delete the cache file and the hard refresh your browser? (ctrl+F5) What browser are you using and what OS?

as i said i did it all and it’s stil dont work… i tryed it with explorer and mozila and ther is no ather plug similar…

i used firbug (on mozila) and its said:

tinyMCE is not defined
go(“content”)editor.js (line 82)
onclick(click clientX=0, clientY=0)post-new.php (line 1)
[Break on this error] var ed = tinyMCE.get(id);
editor.js (line 82)

can this help you to help me??

Hi Benjamin, thanks for an excellent plugin.

Have you any plans to add a file browser to the “Insert/Edit Link” dialog box? This functionality seems to be completely missing from WP, and what is offered in TinyMCE is exactly what I need.

I want to FTP a html file and it’s dependant files to my server, then link to that. I need a file browser to make this easy for others.

Regards,
-Vince

Trackbacks

  1. Announcing the WordPress Editor Extender Plugin | The Book and the Cover
  2. Announcing the WordPress Editor Extender Plugin | Server Tales - Ungureanu Ioan
  3. WordPress Plugin Competition Blog » Editor Extender

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
For the pretty code styles do: [css][/css], [php][/php], [js][/js], [html][/html] or just about any other language, just use its abbreviation .


Learn from my mistakes, I got burnt by the flame, you don't have to.


RSS Feed Link My Hosting of Choice

65 queries. 0.484 seconds. Powered by WordPress visitor stats