This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Processing code directly


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

and adding prismjs ( for highlight the code

add processing code in your post

Just add shortcode

  • [p5js code canvas][/p5js] to show the code and the result
  • [p5js code][/p5js] to show the code
  • [p5js canvas][/p5js] to show the result of the code


[p5js code canvas]

  1. // Processing code
  2. void setup() {
  3. size(200, 200);
  4. background(100);
  5. stroke(255);
  6. ellipse(50, 50, 25, 25);
  7. println(“hello web!”);
  8. }



  1. Install (download,
    unzip, copy in wordress/wp-content/plugins
    or send .zip on plugin page…wp-admin/plugin-install.php?tab=upload
  2. Activate at page…/wp-admin/plugins.php
  3. Add shortcode like [p5js code canvas]void setup(){/* your code and more here */}[/p5js]

tips : p5js button is available in the wp html editor tab

سوالات متداول

  • none –

نقد و بررسی‌ها

3 سپتامبر 2016 2 پاسخ
This works nicely in Wordpress 4.3.1 but I had to modify some of the characters in the processing code for javascript to run correctly, specifically: The ampersand "&" changed to & Less than "<" changed to < Greater than ">" changed to > This could be the result of TinyMCE messing things up during save, as is typical of Wordpress.
خواندن تمامی 4 نقد و بررسی‌

توسعه دهندگان و همکاران

“Processing code directly” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

ترجمه “Processing code directly” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



is Processingjs Version

remove filter bug

remove bug, add keyword, add button show/hide