Binsaifullah

Webackstop

<p><strong>Code Highlighter Block</strong> is simple, light-weight Code Syntax Highlighing plugin that highlights codes of different languages.</p>
<p>It comes with an awesome theme and multi-languages supported.</p>
<h3>Key Features:</h3>
<ul>
<li>Slick, light-weight and super-fast.</li>
<li>Awesome Theme.</li>
<li>Multi-languages Supported.</li>
<li>No additional settings or configuration is required. </li>
<li>Very Simple to use. </li>
</ul>
<p>ABOUT US</p>
<blockquote>
<h4>Developed by <a href="https://webackstop.com" rel="nofollow ugc">Webackstop</a> Team – We are available for any custom project or customization freelance job. <a href="https://webackstop.com/contact" rel="nofollow ugc">Contact Us</a> or <a href="https://webackstop.com/place-order" rel="nofollow ugc">Place an Order</a></h4>
</blockquote>


Code Highlighter Block – Syntax Highlighter Gutenberg Block

Code Highlighter Block is a simple, light-weight Code Syntax Highlighting plugin that highlights codes of different languages.

iamthechad

<p>This plugin works like many of the others that enable the use of the Syntax Highlighter tool. Dynamic plugin loading<br />
is now available as part of the Syntax Highlighter tool, making brush configuration obsolete.</p>
<p>Available brushes are:<br />
    applescript<br />
    actionscript3 as3<br />
    bash shell<br />
    coldfusion cf<br />
    cpp c<br />
    c# c-sharp csharp<br />
    css<br />
    delphi pascal<br />
    diff patch pas<br />
    erl erlang<br />
    groovy<br />
    hive<br />
    java<br />
    jfx javafx<br />
    js jscript javascript<br />
    objc obj-c<br />
    perl pl<br />
    php<br />
    pig<br />
    text plain<br />
    py python<br />
    ruby rails ror rb<br />
    sass scss<br />
    scala<br />
    sql<br />
    vb vbnet<br />
    xml xhtml xslt html</p>
<h3>Changing display themes</h3>
<p>The display theme can be changed by navigating to <code>Settings</code> -> <code>Syntax Highlighter MT</code>. The themes available are:</p>
<ul>
<li>Default</li>
<li>Django</li>
<li>Eclipse</li>
<li>Emacs</li>
<li>FadeToGrey</li>
<li>MDUltra</li>
<li>Midnight</li>
<li>RDark</li>
</ul>
<h3>Advanced Usage</h3>
<h4>Changing the appearance of code</h4>
<p>There are many options that can be applied inline to control how your formatted code is displayed. These are appended to the class definition after the brush declaration.</p>
<h4>auto-links</h4>
<p><em>Enabled</em> by default. Disabling this turns off link detection in the highlighted section, making URLs non-clickable.</p>
<pre><code><pre class="brush: java; auto-links: false">
String link = "http://www.megatome.com";
</pre>
</code></pre>
<h4>class-name</h4>
<p>Use this to specify one or more classes that should be applied to the generated highlight element.</p>
<h4>collapse</h4>
<p><em>False</em> by default. Forces the highlighted code to be collapsed by default.</p>
<h4>first-line</h4>
<p>1 by default. Change the starting line number for a section of highlighted code.</p>
<pre><code><pre class="brush: java; first-line: 20">
String link = "http://www.megatome.com";
</pre>
</code></pre>
<h4>gutter</h4>
<p><em>Enabled</em> by default. Turn the line numbers on and off.</p>
<pre><code><pre class="brush: java; gutter: false">
String link = "http://www.megatome.com";
</pre>
</code></pre>
<h4>highlight</h4>
<p>Specify one or more lines to be highlighted.</p>
<pre><code><pre class="brush: java; highlight: [1, 3]">
String link = "http://www.megatome.com";
System.out.println("Hello World");
System.out.println("Goodbye World");
</pre>
</code></pre>
<h4>toolbar</h4>
<p><em>Enabled</em> by default. Toggle the toolbar.</p>
<pre><code><pre class="brush: java; toolbar: false">
String link = "http://www.megatome.com";
</pre>
</code></pre>
<h4>title</h4>
<p>Allows a title to be set for a block of code. This is not in the class, but in the <code><pre/></code> or <code><script/></code> tags.</p>
<pre><code><pre class="brush: java" title="Here is some Java">
String link = "http://www.megatome.com";
</pre>
</code></pre>
<p>Take a look at <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" rel="nofollow ugc">http://alexgorbatchev.com/wiki/SyntaxHighlighter</a> for the documentation on using the Syntax Highlighter tool.</p>


Syntax Highlighter MT

This plugin works like many of the others that enable the use of the Syntax Highlighter tool. Dynamic plugin loading

Code Highlighter Block – Syntax Highlighter Gutenberg Block vs Syntax Highlighter MT