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

Description

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]

Installation

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.

Screenshots

1. Setting page and live preview.

wordpress editarea, wordpress syntax highlight

WP Editarea setting page.


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

Wordpress Editarea

Leave a Reply

*

Comments (14)

  1. sorry klo salah kamar….

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

    analogi:

    ———————–

    Foto.jpg

    ———————–

    -nama pem-foto (kiri/kanan)

    -keterangan foto

    Reply
  2. Pingback: Suspicious PHP Code In My WordPress Theme File | takien, not taken

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

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

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

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

    Reply
  6. Pingback: Wordpress plugin WP-Editarea | ELblog

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

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

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

      instead of :

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

      Reply