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 …

Web Guy

<p>Dark mode for your code.</p>
<p>By default, the popular Dracula Theme + Highlight.js make for beautifully dark code highlighting on the front-end of your WordPress-powered website. However, you can completely customize the look of code highlighting (under <em>Appearance > Customize > Code Styles</em>) if you like, even changing the overall design to, 🧛 *<em>hiss</em>*, a light mode design.</p>
<p>Simply activate this plugin and any code found within <strong><pre><code>…</code></pre></strong> tags on the front-end of your site will automatically be highlighted according to the detected language.</p>
<p>Dracula: <a href="https://draculatheme.com/" rel="nofollow ugc">https://draculatheme.com/</a><br />
Highlight.js: <a href="https://highlightjs.org/" rel="nofollow ugc">https://highlightjs.org/</a></p>


Syntax Highlighting vs Dark Code