Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

Processing code directly

Descripción

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]

Instalación

  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

Preguntas frecuentes

  • none –

Reseñas

3 de septiembre de 2016 2 respuestas
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.
Leer todas las 4 reseñas

Colaboradores y desarrolladores

«Processing code directly» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «Processing code directly» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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