[WordPress] 外掛分享: Processing code directly

首頁外掛目錄 › Processing code directly
WordPress 外掛 Processing code directly 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
20+
安裝啟用
★★★★★
5/5 分(4 則評價)
4303 天前
最後更新
問題解決
WordPress 3.3+ v1.4.8.1 上架:2014-04-04

內容簡介

使用簡碼直接在你的網頁中處理代碼的方法如下:
http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage

並加入 prismjs (http://www.prismjs.com) 以突出顯示代碼。

在文章中添加 Processing 代碼

只需要添加簡碼:

[p5js code canvas][/p5js] 以顯示代碼和結果
[p5js code][/p5js] 以顯示代碼
[p5js canvas][/p5js] 以顯示代碼的結果

範例

[p5js code canvas]

// Processing 代碼
void setup() {
size(200, 200);
background(100);
stroke(255);
ellipse(50, 50, 25, 25);
println(“hello web!”);
}

[/p5js]

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.4.8.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Processing code directly」→ 直接安裝(推薦)

原文外掛簡介

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]

延伸相關外掛

文章
Filter
Apply Filters
Mastodon