Agus Prawoto Hadi

Syntax Highlighter developed by Alex Gorbatchev that has been developed 10+ years is a popular syntax highlighter. It is also widely used by a lot of blog and website.
Currently, it achieves version of 4, this version has significant change in the built method compared to the previous, this is, for some people, somewhat confused and hard to do.
This plugin helps you to bring this code highlighter to your WordPress easily, forget a headache builds. Provided with many features and user-friendly GUI, make it handy and easy to use
** Features. **
<ul>
<li>Simple and easy to use</li>
<li>Full GUI, don’t need to hardcode the parameters</li>
<li>Custom container max-height. Useful when displaying long code.</li>
<li>Easy to add custom CSS. Useful for responsive design.</li>
<li>Easy to edit code that has been written in tinyMCE text editor (Screenshot 3)</li>
<li>Write and edit code in place. The textarea code editor supports the tab and back tab, so you can directly edit or write your code, rather than switch back to your code editor.</li>
<li>Load script on demand, load javascript and CSS files of syntax highlighter only when needed.</li>
<li>Use <a href="https://github.com/syntaxhighlighter/syntaxhighlighter" rel="nofollow ugc">Syntax Highlighter 4</a> by Alex Gorbatchev</li>
<li>Ability to override global options and use individual options for each code block</li>
<li>Custom Font Size</li>
<li>Support TinyMCE Visual mode and Text Mode (Quick Tags), it also supports the Quick tags used in the admin comment page (screenshot 5)</li>
<li>Use similar pattern with <a href="https://wordpress.org/plugins/aph-prism-highlighter/" title="APH Prism Highlighter" rel="ugc">APH Prism Highlighter</a> and <a href="https://wordpress.org/plugins/crayon-syntax-highlighter/" title="Crayon Syntax Highlighter" rel="ugc">Crayon Syntax Highlighter</a> plugins, so your code will still work using those plugins</li>
<li>Language added: dark plain (console style) and light plain</li>
</ul>
<h3>How To Use</h3>
After installing the plugin, go to the admin setting Settings > Syntax Highlighter to configure the global setting including the highlighter languages you want to load, theme, etc…
In the TinyMCE menu (add or edit post or page), there is a new button that can be used to pop up the code editor, simply copy-paste your code and fill in some options
This new button also can be found at the quick tags of comment editor in the Admin Edit Comments page. This quick tag appears when you edit or reply a comment.

APH Syntax Highlighter

Bringing SyntaxHighlighter 4 by Alex Gorbatchev into Wordpress easily. Easy to use with user-friendly GUI. Write-edit code in place

mohamad wael

A syntax highlighter using PrismJs.
<h3>How To Use</h3>
Wrap your pre tag as shown below:
<pre>
[sh_prismjs_pre class="language-py line-numbers match-braces rainbow-braces" data_line="1,4-5,7" escape_html='escape']
<pre> 
class Implements_Ne:
 ''' A class which implements 
 the __ne__ method '''
 def __ne__( self, other):
 return False

class Not_Implements_Ne:
 ''' A class which does not
 implement the __ne__
 method '''
 pass
</pre>
[/sh_prismjs_pre]
</pre>
<ul>
<li>Replace name in language-NAME, by the name of the language that you wish to highlight. For example if the language is python, language-NAME should become language-py .</li>
<li>If you wish line numbers to appear, use line-numbers . </li>
<li>If you wish braces to be matched when selected use match-braces . </li>
<li>If you wish to have rainbow braces use rainbow-braces . </li>
<li>If you wish to highlight lines, you can use data_line, so in the example provided, colorize line 1, and colorize lines from 4 to 5, and colorize line 7. </li>
<li>If you wish the content of the pre to be escaped, so for example if it contains html tags that you do not wish to be rendered, you can use escape_html=’escape’</li>
</ul>
For code tags, they also should be wrapped as follows:
<pre>
[sh_prismjs_code class="language-html" escape_html='escape']<code>tag: </code>[/sh_prismjs_code]
</pre>
You must use the language-Name option, and you can use the escape_html option.

APH Syntax Highlighter vs Syntax Highlighter with PrismJS