Benoti

webstartup

<p>The plugin is based on the javascript library HighLight Js, it offers the possibility to choose among 70 styles of coloring. You can choose a default color in the back office. You can also add a widget to let the choice of coloring to visitors.</p>
<h4>Features Include</h4>
<ul>
<li>Add syntax highlighting to your code snippets.</li>
<li>Choose style from more than 50 choices.</li>
<li>A widget allows visitors to make their choice on the front</li>
</ul>
<h3>Configuration</h3>
<ol>
<li>Activate the plugin through the “Plugins” menu in WordPress.</li>
<li>Go to the plugin setting page and add the types of articles or add syntax highlighting.</li>
<li>Then choose a theme for the coloring, demo here :<a href="https://highlightjs.org/static/demo/" rel="nofollow ugc">HighLight JS</a>.</li>
<li>To let visitors change the coloring style, go to your dashboard to add the widget to the sidebar of your choice.</li>
<li>Finally, when you add a code in a publication, do not forget to check ON in the Syntax Highlighting metabox.</li>
</ol>
<h3>Credits</h3>
<ul>
<li>Pictures by <a href="https://www.helene-titre.com/" rel="nofollow ugc">Hélène titre</a> “graphic designer”</li>
</ul>


Syntax Highlighting

Exactly what I was looking for. Make the job

What I need

HighLight Code allows you to add syntax highlighting to the snippets contained in your articles. NOTE (beta): This plugin is very felt, it is still in …

Luis Sacristán

<p>Allows to add snippets blocks to your content: Javascript, CSS, HTML…</p>
<h3>Purpose</h3>
<p>Add snippet blocks to your WordPress content using the new Gutenberg editor</p>
<h3>How to use it</h3>
<ul>
<li>Add a Snippet block within your content</li>
<li>Include your code</li>
<li>Select the language</li>
<li>Save the post and check your front-end</li>
</ul>
<h3>Supported languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>Erlang</li>
<li>Go</li>
<li>HTML</li>
<li>XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Objective C</li>
<li>PHP</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Based in Making WordPress Do More <a href="https://github.com/mkdo/block-starter-kit" rel="nofollow ugc">Block Starter Kit</a></li>
<li>Original webpack configuration (before modifications) from <a href="https://github.com/zgordon/gutenberg-course" rel="nofollow ugc">Zac Gordon\’s Gutenberg Course</a>.</li>
<li>Original deploy script (before modifications) from <a href="https://github.com/GaryJones/wordpress-plugin-git-flow-svn-deploy" rel="nofollow ugc">Garry Jones</a>.</li>
<li>Webpack HMR thanks to <a href="https://github.com/CGlingener" rel="nofollow ugc">Christian Glingener</a></li>
</ul>
<h3>Requirements</h3>
<p>Gutenberg activated</p>
<h3>Known Issues</h3>
<p>There are no known issues at this time.</p>
<h3>Roadmap</h3>
<ul>
<li>Allow several themes</li>
</ul>


Snippets Block

Allows to add snippets blocks to your content: Javascript, CSS, HTML...

Syntax Highlighting vs Snippets Block