A Code Editor Solution for WordPress

We all know that WordPress does not yet have a good editor with syntax highlighting, line numbers etc. within the Dashboard. Thus it is a bit unwieldy to edit themes or plugin files from within the dashboard.

There are however a number of plugin solutions to that,  at least till WordPress starts shipping with this feature built in.

You might also be looking for a WordPress-integrated IDE. These plugins will indeed give you many features of a regular IDE within your WordPress dashboard, so check them out!

Better File Editor

better file editor

Adds line numbers, syntax highlighting, code folding, and lots more to the theme and plugin editors in the admin panel.

This plugin replaces the boring, clunky, and difficult to use theme and plugin editor with a full-featured code editor using the Ajax.org Cloud9 Editor.

Get Better File Editor

Synchi

Synchi IDE empowers you with syntax highlighting and powerfull IDE features in WP plugin editor, themes editor and article HTML editor. Plugin is based on CodeMirror library.

No need to leave the plugin/themes editor page for saving files, they are now opened in tabs for your convenience. You can also create new files and folders, delete and copy/cut existing files and folders!

You can also enjoy syntax highlight and basic IDE features (search/replace,code formatting, line highlight…) in HTML article editor without conflicts with TinyMCE. Full screen is enabled also.

Get Synchi

WPide

WPide is a WordPress code editor with the long term goal of becoming the ultimate environment to code/develop WordPress themes and plugins. You can edit any files in your wp-content, not just plugins and themes. Code completion will help you remember your WordPress/PHP commands providing function reference along the way. Edit multiple concurrent files with the tabbed editor.

This plugin would not be possible without the Ajax.org Cloud9 Editor (http://ace.ajax.org/) which is the embedded code editor that powers much of the functionality.

This plugin performs best in the Chrome web browser.

Get WPide

WPEditor

Get WPEditor

Some other notable mentions are:

If you enjoyed this post, make sure to subscribe to WPMayor’s RSS feed.

About Jean Galea

Jean Galea is a WordPress developer, entrepreneur and padel player. He is the founder of WP Mayor, the plugins WP RSS Aggregator and EDD Bookings, as well as the Mastermind.fm podcast. His personal blog can be found at jeangalea.com.

Related Articles

  • Where to Find WordPress Plugins

    One can find WordPress plugins at numerous places on the Internet. In this post, we look at three repository websites for WordPress plugins.The first site, wordpres.org, offers free plugins. The…

  • Front-end editing is really useful when you need to touch up some blog posts, especially at editing stage. The only plugin for WordPress which really nails this functionality 100% right…

  • A forum on your website can increase visitor engagement and allow you to start a loyal community. There are a few WordPress forum plugins available. Let's take a look at…

16 Responses

  1. bainternet
    bainternet November 17, 2011 at 00:28 | | Reply

    you forgot my plugin Advanced Code Editor
    http://wordpress.org/extend/plugins/advanced-code-editor/

  2. bainternet
    bainternet November 17, 2011 at 10:38 | | Reply

    The full screen functionality is based on the built in post editor functionality so i guess i don’t understand what you mean.

    he purpose of creating a new directory is actually something that i have found very useful when coding plugins and you need a way to organize your plugin files, for example all javascript files, i create a directory named “js” and then i can create files in it using “js/filename.js”

    Currently the height of the code windows is fixed but i’ll look in to that.

    thanks.

  3. rooter
    rooter December 7, 2011 at 15:59 | | Reply

    These plugins are good, but I would like to see syntax highlighting when I create or edit a new post, not just when editing plugins and themes. I have seen a lot of people asking for this, so there must be some techinical hurdle that needs to be jumped.

  4. Pippin
    Pippin July 19, 2012 at 00:46 | | Reply

    I’d recommend WP Editor.

  5. Milos Spasic
    Milos Spasic July 23, 2012 at 10:24 | | Reply

    These plugins are good, but use something more powerful.

    I’d recommend you to try Synchi.

    Its a full IDE inside your WordPress! Syntax highlighting and powerfull IDE features in WP plugin editor, themes editor and article HTML editor.

  6. Simon
    Simon August 12, 2012 at 09:37 | | Reply

    Thanks,
    I like most bainternet’s code editor:
    http://wordpress.org/extend/plugins/advanced-code-editor/
    Simon

  7. Jin
    Jin January 13, 2014 at 07:01 | | Reply

    My favorite one is Coder – Advanced Theme & Plugin Editor – https://codecanyon.net/item/coder-advanced-theme-plugin-editor/6497282 – it appears to be the best and does all that I need!

  8. Dhimas Kirana
    Dhimas Kirana October 31, 2014 at 00:14 | | Reply

    My favorite one is Synchi 😀

  9. bhumishah
    bhumishah February 10, 2015 at 09:33 | | Reply

    Thank you so much! It helps a lot.

  10. Viktar Liaskovich
    Viktar Liaskovich May 3, 2017 at 05:40 | | Reply

    I’ve used some of the listed editors for a long time. Unfortunately, all of them has the similar problems: they’re not integrated with the rest of WordPress components. For example, you can’t use them to edit Text widget, add some changes in the custom HTML/JS/CSS in a some third party theme and etc. That is why I switched to https://codehighlight.com/. This Google Chrome extension allows me to edit sources everywhere on the Web, not just in WP only. Plus you keep your WP site free from the unnecessary plugins.

Leave a Reply