This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Visual Code Editor

Description

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

Usage

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

Installation

  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

FAQ

None at this time.

Contributors & Developers

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

Contributors