shortcode to highlight syntax and create processingjs canvas
Author: | @benoitWimart (profile at wordpress.org) |
WordPress version required: | 3.3 |
WordPress version tested: | 3.5.2 |
Plugin version: | 1.4.8.1 |
Added to WordPress repository: | 05-04-2014 |
Last updated: | 23-05-2014
Warning! This plugin has not 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.
|
Rating, %: | 100 |
Rated by: | 4 |
Plugin URI: | |
Total downloads: | 1 712 |
Active installs: | 30+ |
Click to start download |
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]
- // Processing code
- void setup() {
- size(200, 200);
- background(100);
- stroke(255);
- ellipse(50, 50, 25, 25);
- println("hello web!");
- }
[/p5js]
FAQ
ChangeLog