Klaylton Fernando

<p>This plugin adds 3 fields on every page and blog post where you can type your code in a readable interface.</p>
<p>In addition to being very light and functional, the WP Custom Code plugin also allows you to work with external libraries. Basque paste the address<br />
of the javascript library of your choice in the designated field and you will be able to enjoy this indispensable resource.</p>


WP Custom Code

Add CSS and Javascript to your pages simply and quickly. WP Custom Code supports CodeMirror.

jaiunblog

<p>Processing code directly in your web page with shortcode is using this technique :<br />
http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage</p>
<p>and adding prismjs (http://www.prismjs.com) for highlight the code</p>
<h4>add processing code in your post</h4>
<p>Just add shortcode</p>
<ul>
<li>[p5js code canvas][/p5js] to show the code and the result</li>
<li>[p5js code][/p5js] to show the code</li>
<li>[p5js canvas][/p5js] to show the result of the code</li>
</ul>
<h4>example</h4>
<p>[p5js code canvas]</p>
<ol>
<li>// Processing code</li>
<li>void setup() {</li>
<li>size(200, 200);</li>
<li>background(100);</li>
<li>stroke(255);</li>
<li>ellipse(50, 50, 25, 25);</li>
<li>println(“hello web!”);</li>
<li>}</li>
</ol>
<p>[/p5js]</p>


Processing code directly

Processing code directly in your web page with shortcode is using this technique :

WP Custom Code vs Processing code directly