Wtyczka nie została przetestowana z trzema ostatnimi głównymi wydaniami WordPressa. Może nie być już utrzymywana lub obsługiwana, co może skutkować problemem ze zgodnością z nowszymi wersjami WordPressa.

Processing code directly

Opis

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]

Instalacja

  1. Install (download https://github.com/benoitwimart/p5js/archive/master.zip,
    unzip, copy in wordress/wp-content/plugins
    or send .zip on plugin page http://yoursite.com/…wp-admin/plugin-install.php?tab=upload
  2. Activate at page http://yoursite.com/…/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

Najczęściej zadawane pytania

  • none –

Recenzje

2016-09-03 2 odpowiedzi
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.
Przeczytaj 4 recenzje

Kontrybutorzy i deweloperzy

„Processing code directly” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Rejestr zmian

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