Abu Hayat

bPlugins

btechnologies

<p>The Code Snippets block plugin makes it easy to copy code and change its colors with different themes. It helps present code in a clean, beautiful way, making it easier for users to read and use. With syntax highlighting for many programming languages, the code is even easier to understand. Plus, the snippets are responsive, so they look good on any device.</p>
<h4>Features</h4>
<ul>
<li>Easy code copying with a single click.</li>
<li>Theme options to change code colors.</li>
<li>Clean and beautiful code presentation.</li>
<li>Syntax highlighting for multiple programming languages.</li>
<li>Responsive design for all devices.</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First install the Code Snippets plugin</li>
<li>Add the Code Snippets block from the block category called “Widgets” in Gutenberg editor.</li>
<li>You can change block settings from the right side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Liked that plugin? Hate it? Want a new feature? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Send me some feedback</a></li>
</ul>
<h4>⭐ Check out the Parent Plugin of this plugin-</h4>
<p>🔥 <strong><a href="https://bblockswp.com/" rel="nofollow ugc">b Blocks</a></strong> – Best gutenberg blocks collections for WordPress.</p>
<h4>⭐ Check out our other WordPress Plugins-</h4>
<p>🔥 <strong><a href="https://audioplayerwp.com/" rel="nofollow ugc">Html5 Audio Player</a></strong> – Best audio player plugin for WordPress.</p>
<p>🔥 <strong><a href="https://wpvideoplayer.com/" rel="nofollow ugc">Html5 Video Player</a></strong> – Best video player plugin for WordPress.</p>
<p>🔥 <strong><a href="http://pdfposter.com/" rel="nofollow ugc">PDF Poster</a></strong> – A fully-featured PDF Viewer Plugin for WordPress.</p>
<p>🔥 <strong><a href="https://wordpress.org/plugins/streamcast" rel="ugc">StreamCast</a></strong> – A fully-featured Radio Player Plugin for WordPress.</p>
<p>🔥 <strong><a href="https://3d-viewer.bplugins.com/" rel="nofollow ugc">3D Viewer</a></strong> – Display interactive 3D models on the webs.</p>


Code Block – Embed Code with One-Click Copy Feature

The Code Snippets block plugin lets you easily copy, style, and view beautifully highlighted, responsive code on any device.

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 Block – Embed Code with One-Click Copy Feature vs Syntax Highlighter MT