[WordPress] 外掛分享: Crayon Syntax Highlighter

WordPress 外掛 Crayon Syntax Highlighter 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Crayon Syntax Highlighter」是 2011-08-09 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 10000 個安裝啟用數。
  • 上一次更新是 2016-05-10,距離現在已有 3280 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 150 人給過評分。
  • 論壇上目前有 1 個提問,問題解答率 0%

外掛協作開發者

akarmenia |

外掛標籤

crayon | syntax | highlighter | highlighting | syntax highlighter |

內容簡介

一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。
它可以從 URL 或 WordPress 文章的文字中進行突顯。Crayon 讓管理語言檔案和使用正則表達式定義自訂語言元素變得容易。
它還支援一些不錯的功能,例如:

整合主題編輯器!
視覺化和 HTML 編輯器中的標籤編輯器
切換普通代碼
切換行號
複製/貼上代碼
在新窗口中打開代碼(彈出窗口)
行包裝
代碼展開
最小化
bbPress 2 支持
將博客文章/評論中的舊代碼轉換為


遠程請求緩存
在單個 Crayon 中支援混合語言突顯
像 [php] [/php] 這樣的小標籤
Inline 標籤 漂浮在句子中
評論中的 Crayons
`反引號` 變成
 標籤支援,在 class 屬性中使用 setting-value 的選項
符合標準的 HTML5 標記
可用於視覺化和 HTML 編輯器
支援行動裝置/觸控裝置的檢測
滑鼠事件交互(雙擊顯示普通代碼,鼠標懸停顯示工具欄)
選項卡大小
代碼標題
切換工具欄
視網膜按鈕
條紋線
行標記(用於重要行)
行範圍(僅顯示代碼的一部分)
起始行號(默認為1)
檔案擴展名檢測
設置中的實時預覽
尺寸、邊距、對齊方式、字體大小、行高、浮動等
廣泛的錯誤記錄

連結

測試版發布
主題演示
GitHub 專案

貢獻

有很多種方式可以幫助您!

創建主題並分享
為您喜愛的 語言 添加支援
撰寫有關您過去經驗的文章並分享
捐贈 這個專案

支援的語言

語言是在語言檔案中使用正則表達式捕獲元素來定義的。
請參閱Crayon 語言文件規範

原文外掛簡介

A Syntax Highlighter built in PHP and jQuery that supports customizable languages and themes.
It can highlight from a URL, or WordPress post text. Crayon makes it easy to manage Language files and define
custom language elements with regular expressions.
It also supports some neat features like:

Integrated Theme Editor!
Tag Editor in both Visual & HTML editors
Toggled plain code
Toggled line numbers
Copy/paste code
Open code in a new window (popup)
Line wrapping
Code expanding
Minimizing
bbPress 2 support
Converting legacy code in blog posts/comments to

Remote request caching
Mixed Language Highlighting in a single Crayon
Mini Tags like [php][/php]
Inline Tags floating in sentences
Crayons in comments
`Backquotes` become
 tag support, option to use setting-value in the class attribute
Valid HTML 5 markup
Visual & HTML editor compatible
Mobile/touchscreen device detection
Mouse event interaction (showing plain code on double click, toolbar on mouseover)
Tab sizes
Code title
Toggled toolbar
Retina buttons
Striped lines
Line marking (for important lines)
Line ranges (showing only parts of the code)
Starting line number (default is 1)
File extension detection
Live Preview in settings
Dimensions, margins, alignment, font-size, line-height, float
Extensive error logging

Links

Beta Releases
Themes Demo
GitHub Project

Contributions
There are many ways you can help!

Make a Theme and share
Add support for your favourite Language
Write a post about your pastel experiences and share
Donate to the project

Supported Languages
Languages are defined in language files using Regular Expressions to capture elements.
See the Crayon Language File Specification to learn how to make your own.

Default Language (one size fits all, highlights generic code)
C1 (thanks to Oparin Pavel)
ABAP
ActionScript
AmigaDOS (thanks to amigalog.com)
Apache
AppleScript
Arduino
Assembly (x86)
AutoIt
C
C#
C++
Clojure (thanks to )
CoffeeScript (thanks to Dai Akatsuka)
CSS
Delphi/Pascal (thanks to Chris McClenny)
Delphi Web Script (thanks to smartmobilestudio)
Diff (thanks to omniavin)
Erlang (thanks to Daniel)
Fabric Engine KL (thanks to Andrew Hazelden)
Go
Haskell
HTML (XML/XHTML)
INI
Lisp
Lua
Maya MEL (thanks to Andrew Hazelden)
Microsoft Registry (thanks to techexplored.com)
MIVA Script
Monkey (thanks to Devolonter)
MS-DOS (thanks to http://www.amigalog.com/?p=334)
MySQL (thanks to AssemblySys.com and ansas-meyer.de)
Java
JavaScript
Objective-C
Papyrus
Perl
PHP
PL/SQL
PostgreSQL (thanks to Bitorchestra)
PowerShell
Python
R
Ruby
Rust (thanks to Stibbons)
Scheme (thanks to Harry75369)
Shell (Unix)
Swift (thanks to weyhan)
Transact-SQL
TeX
Vim
Visual Basic
Visual Basic .NET (thanks to Kevin Gardthausen)
YAML
ZSH (thanks to Stibbons)
Others will be added when requested

International Languages

Arabic (thanks to Djennad Hamza)
Chinese Simplified (thanks to Dezhi Liu & Jash Yin)
Chinese Traditional (thanks to Arefly)
Dutch (thanks to Robin Roelofsen & Chilion Snoek)
Finnish (thanks to vahalan)
French (thanks to Victor Felder)
German (thanks to Stephan Knauß)
Italian (thanks to Federico Bellucci)
Japanese (thanks to @west_323)
Korean (thanks to dokenzy)
Lithuanian (thanks to Vincent G)
Norwegian (thanks to Jackalworks)
Persian (thanks to MahdiY)
Polish (thanks to Bartosz Romanowski, Robert Korulczyk)
Portuguese (thanks to Adonai S. Canez)
Russian (thanks to Minimus & Di_Skyer)
Slovak (thanks to Branco, webhostgeeks/)
Slovenian (thanks to Jan Sušnik, http://jodlajodla.si/)
Spanish (thanks to Hermann Bravo)
Tamil (thanks to KKS21199)
Turkish (thanks to Hakan)
Ukrainian (thanks to Michael Yunat)
Help from translators at improving/adding to this list greatly appreciated!

Articles
These are helpful for discovering new features.

Internal Post Management in Crayon
Converting Legacy Tags to

Crayon with bbPress
Line Ranges in Crayon
Crayon Tag Editor
Mixed Language Highlighting in Crayon
Mini Tags And Plain Tags In Crayon
Inline Tags
Enqueuing Themes and Fonts in Crayon

The Press
A handful of articles from others written about Crayon, thanks guys!

Crayon Syntax Highlighter Plugin Theme Color Previews
Using Crayon Syntax Highlighter WordPress plugin to post code snippets on your blog
How to post source code on WordPress
Syntax highlighter switched to Crayon
5 Best Syntax Highlighter Plugins for WordPress
How To Post Source Code In WordPress
Top 5 Syntax Highlighter WordPress Plugins
Crayon Syntax Highlighter � Plugin
State of syntax highlighter support in bbPress 2
The ultimate plugin for displaying code in WordPress (French)
Finally!, A WordPress code syntax highlighting that works
Crayon Syntax Highlighter (and its studly author)
Add Code To Your WordPress Posts With Crayon Syntax Highlighter
15 Best Syntax Highlighter WordPress Plugins
Displaying Code in WordPress with Crayon
ABAP Syntax Highlighting in WordPress (German)
Crayon Syntax Highlighter plugin
Crayon Syntax Highlighter (Russian)
Crayon Syntax Highlighter (also Russian)
How To Post Source Code
http://wp-best-practices.asdf573189.com/home/good-plugins/crayon-syntax-highlighter/
http://www.wplover.com/2155/crayon-syntax-highlighter-plugin/
http://www.htmlandphp.com/scripts/crayon-syntax-highlighter.html

Donations
Thanks to all those who donate to the project:

Joe Sabate, Spain
Kai Chen, Canada
Chen Kaiyuan, China
Kamarul Musa, Malaysia
WallyWare, Inc., (https://pi-plates.com), USA
Stéphane Rochat, (http://stephanerochat.ch), Switzerland
Brennan Hale-Matthews, Canada
Robert Giczewski, (http://www.lazydaemon.de/), Germany
Hoke Media, (http://hoke.media/), USA
Matthew Hood, Australia
Brian Williams, USA
Christian Martens, (http://insgesamt.net/), Germany
Nilesh Govindrajan, (http://nileshgr.com/), India
ZengChun Yang, China
Alan Kaplan, (http://www.akaplan.com/blog), USA
Christopher Yarbrough, (http://chrisyarbrough.com/), Germany
Johann Weiher, (http://codequartett.de/), Germany
Samuel Deering, Australia
Billiard Greg, (http://billiardgreg.com/), USA
Performance Simulations, (http://www.performancesimulations.com/), USA
Lindsay Ross, (http://gravelrash.com), New Zealand
Ruperto Coronado Muñoz, Mexico
Stefan Onderka, (http://www.onderka.com), Germany
Peter Kellner, (http://peterkellner.net), USA
Open Hardware Design Group LLC, (http://opensourcehardwaregroup.com/), USA
Helen McManus, (http://invisiblepixels.org/InvisibleWords/), Netherlands
Thomas Fee, UK
Julie Knowles, (http://knowlesfamily.com/), USA
Peter Kriegel, (http://www.powershell-group.eu/), Germany
Geo My WP, (http://geomywp.com), USA
Raffael Vogler, Germany
Erdal Cicek, Turkey
Cloud-VPS, Poland
Łukasz Bereza, Poland
Laurence Scotford, UK
Goretity Árpád László, (http://h2co3.org/blog), Hungary
AdsProvider, USA
Alicia Ramirez, (http://aliciaramirez.com/), Canada
William Eisert, USA
Inappix Development, (http://www.inappix.com/), Switzerland
Stephen Sant, (http://thesantfamily.net/), UK
David Rodriguez, (http://davidarodriguez.com/), USA
Chris Moore, (http://moorecreativeideas.com/), USA
Sohail Ahmed, (http://sohail.io.com/), USA
Vanessa Garcia Espin, Spain
Samad Malik, (http://samadmalik.com/), USA
Wabbit Wanch Design, (http://www.wabbitwanch.com/), Canada
Inopox Ltd, (http://inopox.com/), Cyprus
Kho Minh Vi, (http://khominhvi.com/), UK
Ivan Churakov, Russia
Carla Macías González, Mexico
Saulius Stonys, Lithuania
Konstantin Sabel, Germany
Luigi Massa, (http://bwlab.it/), Italy
Anthony Steiner, (http://steinerd.com/), USA
Alexander Harvey, (http://alexharvey.eu/), UK
Minhazul Haque Shawon, Cyprus
Raam Dev, (http://raamdev.com/), USA
Scot Ranney, (http://scotsscripts.com/), USA
Nico Hartung, (http://www.loggn.de/), Germany
Joseph DeVenuta, USA
Iván Prego García, Spain
Johannes Luijten, (http://www.tweaking4all.com/, http://www.weethet.nl/), USA
Jack Fruh, (http://basementjack.com/), USA
Ross Barbieri, USA
Will, Simple Phishing Toolkit (http://www.sptoolkit.com/), USA
Tricia Aanderud, USA
Tarek Sakr, (http://centrivision.com/), USA
Jeff Benshetler, (http://branchpoint.net/), USA
Oldrich Strachota, (http://www.strachota.net/), Czech Republic
Dividend Ninja, (http://dividendninja.com/), Canada
Chris Wiegman, (http://bit51.com/), USA
Sven Meier, (http://www.codesix.net/), Germany
Christy Wiggins, (http://www.jinxyisms.com/), USA
eSnipe, Inc. (http://esnipe.com/), USA (again!)
Aliseya Wright, (http://blog.xoxothemes.com/), USA
Jeremy Worboys (http://complexcompulsions.com/), Australia
Steve McGough, Spider Creations, LLC. (http://spidercreations.net/), USA
eSnipe, Inc. (http://esnipe.com/), USA
Gerald Drouillard (http://www.drouillard.biz/), USA
Greg Pettit (http://blog.monkey-house.ca/), Canada
Waimanu Solutions (http://daveblog.waimanu.web44.net/), USA
Andrew McDonnell (http://blog.oldcomputerjunk.net/), Australia
Perry Bonewell (http://pointatthemoon.co.uk/), United Kingdom
Nick Weisser (http://www.openstream.ch/), Switzerland

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Crayon Syntax Highlighter」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.14 | 1.15 | 1.17 | 1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.1.0 | 1.1.1 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5 | 1.4.0 | 1.4.1 | 1.4.2 | 1.4.3 | 1.4.4 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.6.0 | 1.6.2 | 1.6.3 | 1.6.5 | 1.7.3 | 1.7.5 | 1.8.0 | 1.8.2 | 1.8.3 | 1.9.0 | 1.9.2 | 1.9.3 | 1.9.4 | 1.9.7 | 2.0.0 | 2.1.0 | 2.1.2 | 2.1.3 | 2.2.1 | 2.3.0 | 2.3.1 | 2.4.0 | 2.4.1 | 2.5.0 | 2.6.1 | 2.6.7 | 2.6.8 | 2.7.0 | 2.8.1 | 1.10.0 | 1.7.10 | 1.7.11 | 1.7.22 | 1.7.25 | 1.9.10 | 1.9.11 | 2.6.10 |

延伸相關外掛(你可能也想知道)

  • Urvanov Syntax Highlighter 》guage files, and there are many available on the plugin's website. The Urvanov Syntax Highlighter block is recommended for new posts instead of the...。
  • Crayon Syntax Highlighter to Pastacode 》這個外掛的唯一用途是將Crayon Syntax Highlighter標籤轉換為Pastacode短代碼。 。
  • REST API support for Crayon Syntax Highlighter 》REST API 創建的文章中的程式碼語法未突顯嗎?, Crayon Syntax Highlighter 是 WordPress 中最好的程式碼語法突顯外掛之一,但目前它尚未支援 REST API。這意...。
  • Alkane Code 》Alkane Code 是一款使用方便且輕量級的 TinyMCE 程式碼編輯器,可以為 HTML 程式碼元素加入「語言-」類別。它可以用於添加內聯程式碼以及區塊程式碼,並且在...。

文章
Filter
Apply Filters
Mastodon