Dodatak nije testiran s zadnje 3 glavna izdanja WordPressa. Možda ga se više ne održava ili pruža podršku i možda ima probleme sa kompatibilnošću s novijim inačicama WordPressa.

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.

Suradnici i Programeri

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


Prevedite “Visual Code Editor” na svoj jezik.

Interested in development?

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