Plugin này chưa được cập nhật với 3 phiên bản mới nhất của WordPress. Nó có thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress mới nhất.

Processing code directly

Mô tả

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]

Cài đặt

  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

Hỏi đáp

  • none –

Đánh giá

3 Tháng Chín, 2016 2 replies
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.
Đọc tất cả 4 đánh giá

Người đóng góp & Lập trình viên

“Processing code directly” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

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