This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Visual Code Editor


Visual Code Editor modifies WordPress’s behavior so that code (programming code snippets) format is preserved when using the visual editor. It will work with any syntax highlighter that accepts encoded/escaped syntax.

  • Adds <pre> & <code> to block format menu
  • Allows extra attributes for compatibility in some syntax highlighters (ie, <pre lang="php" line='5'>)
  • Unescape WP’s double escaping of &
  • Allows iFrames in the post
  • Support for syntax highlighting in comments
  • Removes extra <pre> tags around SyntaxHighllighter Plus’s [sourcecode] blocks

Change History

  • v1.2.5: Tested in WordPress 2.9.2 and with SyntaxHighlighter Evolved 2.3.8
  • v1.2.4: Tested in WordPress 2.8.4
  • v1.2.3: Tested in WordPress 2.7.1
  • v1.2.2: Support for syntax highlighting in comments
  • v1.2.1: Compatible with PHP4
  • v1.2: Allows iFrames in the post
  • v1.1: Removes extra <pre> tags around SyntaxHighllighter Plus’s [sourcecode] blocks


Assuming you are using the SyntaxHighlighter Plus or SyntaxHighlighter Evolved plugin…

  1. In visual mode, create a [sourcecode language=”xxx”][/sourcecode] block
  2. Select the sourcecode block
  3. Select Preformatted from TinyMCE’s format menu
  4. Paste your code in between the [sourcecode/] brackets


  1. Download and decompress the zip.
  2. Upload the visual-code-editor folder to your /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress


None at this time.


There are no reviews for this plugin.

Contributors & Developers

“Visual Code Editor” is open source software. The following people have contributed to this plugin.


Translate “Visual Code Editor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.