This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Processing code directly

Description

Processing code directly in your web page with shortcode is using this technique :
http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage

and adding prismjs (http://www.prismjs.com) 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

example

[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. }

[/p5js]

FAQ

  • none –

Reviews

Works OK

cbird1057

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.

Read all 4 reviews

Changelog

1.4.7

is Processingjs Version

1.4.7.1

remove filter bug

1.4.7.2

remove bug, add keyword, add button show/hide

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Browse the code