WP Editarea WordPress Plugin

WordPress used to embed Codepress syntax highlighting at Version 2.8 and immediately disabled it at Version 2.8.1 due to browser incompatibilities. However I found another free Javascript code editor called Editarea which has more features than Codepress . Now you can simply integrate Editarea functionality to your WordPress by using WP Editarea Plugins.

WP Editarea
Contributors: takien
Requires at least: 2.9
Tested up to: 2.9.1
Stable tag: 0.1


WP Editarea turns your Oldschool textarea code editor in WordPress Dashboard (plugin/theme editor) into a fancy realtime highlighted code editor using Editarea.

Plugin Feature

* Automatically detect syntax language
* Live preview in plugin option page
* Better than codepress (for me)
* Easy integration, no file to edit
* Easy to use configuration page

Editarea Feature
* Multi language interface
* Bracket matching highlight
* Support many syntax
* Line numbers
* Search/replace with regex
* More at Editarea homepage.

Browser Compatibility
* IE 6 & 7 & 8, Firefox 1.5 & 2 & 3, Safari 3.x & 4, Opera 9, 9.5, 9.6 and Chrome 1 & 2[2]


The installation process.

1. Upload `wp-editarea` folder to the `/wp-content/plugins/` directory. Make sure directory structures are not changed. Or Directly upload from your Plugin management page.
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to Settings menu and set options you need.


1. Setting page and live preview.

wordpress editarea, wordpress syntax highlight

WP Editarea setting page.

2. Your new theme editor 😀
 editarea, wordpress code editor, wordpress syntax highlight

Wordpress Editarea

  • patrick

    This is the best advanced editor for WordPress but:
    toggle WordWrap doesn’t work using Firefox 3.5.7 and WordPress 2.9.1???

    • takien

      You’re right Pattrick,
      I’m sorry, that’s my mistake.
      I missed typing in this line (line 179, wp-editarea.php)

      ,word_wrap: < ?php echo get_option('wp_editarea_allow_toggle'); ?>

      instead of :

      ,word_wrap: < ?php echo get_option('wp_editarea_word_wrap'); ?>

    • takien

      Thanks to Pattrick,
      Plugin is now updated to version 0.2 please check your dasboard. :)

      • patrick

        great! thank you so much – now it’s PERFECT. Using it right now :-)

  • Gale

    The best plugin for wordpress admins!!

    • takien

      Thanks Gale, :)

  • Pingback: Wordpress plugin WP-Editarea | ELblog()

  • ortixia

    i am no longer getting edit area capabilities after the most recent update of wordpress (3.1). i love this plugin, and am wondering if anyone else has experienced this difficulty, and how they have dealt with this?

  • ortixia

    i am sorry, it seems edit area is working fine in my other wordpress site that i run it in (with same theme as well), so it must be a plug-in issue. (you can delete my above comment..)

  • Eben

    I love this plug in,but could you extend it so it could be used when editing the HTML in pages and posts, It extends the code editing area but with no syntax highlighting.

    • takien

      Hello Eben, thank you for using my plugin.
      unfortunately, the WordPress editing page is still confusing me in many ways :(

  • http://www.domain2host.in domain registration

    Nice blog. I will keep visiting this blog very often.

  • Pingback: Suspicious PHP Code In My WordPress Theme File | takien, not taken()

  • Ruidi

    sorry klo salah kamar….

    nanya nih gan…. gimana cara nyisipkan nama yang mem-foto untuk image/foto pada post artikel





    -nama pem-foto (kiri/kanan)

    -keterangan foto