マイナー言語でも使えそうな、WordPressプラグインのシンタックスハイライターを調べてみた

2020-02-18

プログラムについて調べた事も記事にしていこうと思っているので、コードが見やすいようにシンタックスハイライターを使おうと思います。

けど、とりあえず勉強してみたいのが Clojure というややマイナーな言語なので対応しているプラグインが少ない?

調べてみました。

まずは検索

Google検索して気になったプラグインを、いくつかリストアップしてみました。

プラグインではなくPrism.js を使っているという記事がいくつか出てくるのも気になります。

プラグイン名Google検索結果評価インストール数最終更新 Clojure
Crayon Syntax Highlighter 約 29,400 件 4.3(145) 40,000+ 4年前
SyntaxHighlighter Evolved 約 20,300 件 4.4( 69) 40,000+ 6日前
Enlighter 約 4,100 件 4.7(50) 10,000+ 4か月前 ×
Highlighting Code Block 約 1,210 件5.0( 3) 1,000+ 2か月前
Prismatic約 22,900 件 4.7( 19) 1,000+ 3か月前 ×?
Code Syntax Block 約 171 件 5.0( 10) 2,000+ 2か月前 ×?

軽く試す

Clojure に対応しているプラグインをインストールしてみました。

Prism.js 系プラグインのインストール数が少ないのは、わざわざプラグインを使わずに直接 Prism.js を使っている人が多いんでしょうか?

Crayon Syntax Highlighter

記事を多く見かけたけど、更新が止まっていて、ブロックエディタにも未対応なので除外。

SyntaxHighlighter Evolved

インストール数も多く、Clojure にも対応しているので良さそうです。

ただ、ショートコードなのでプラグインの使用を止めた時に、残るのがちょっと嫌かも。

Highlighting Code Block

使いたい言語の Prism.js を作ってアップロードして設定画面を変更すれば、標準では未対応の言語もハイライトできるみたいです。

Prismatic、Code Syntax Block

Prism.js を使っているので、jsファイルを変更してしまえば、Clojure にも対応可能?設定画面に、追加用の項目は無かったです。

結果的には

中途半端な気もするけど、Prism.jsで Clojure を追加できる「HighLighting Code Block」を使ってみることにします。

いざとなれば、プラグインをやめて直接 Prism.js を使うように変更するのも簡単そうなので。

使ってみたけど…

Prims.js のサイトから、言語を以下

  • Markup + HTML + XML + SVG + MathML
  • CSS
  • C-like
  • JavaScript
  • Arduino
  • C
  • C++
  • Clojure
  • Go
  • Markup templating
  • PHP
  • PowerShell
  • Processing
  • Python

プラグインは、とりあえず元のに合わせて以下

  • Line Highlight
  • Line Numbers
(println "Hello, world!")
(defn add [a b]
  (+ a b))

試しに、Clojureのコードを書いてみる

ん? PCのChromeだと、行番号が表示されない?PCのEdge、スマホでは表示されてます。

続く