Highlight.js
公式サイト:
ダウンロード
入手:
Getting highlight.js | Highlight.js [Official]
使い方
参考:
How to Use highlight.js | Highlight.js [Official]
対応言語
参考:
SUPPORTED_LANGUAGES.md – highlightjs/highlight.js – GitHub
languages – highlightjs/highlight.js – GitHub
スコープ
参考:
Scope Reference | Highlight.js Documentation
Broaden `meta` with subscopes · Issue #3265 · highlightjs/highlight.js – GitHub
言語を作成する
言語属性
- name
- unocodeRegex
- case_insensitive
- aliases
- classNameAliases
- disableAutodetect
- compilerExtensions
モード属性
- begin
- beginKeywords
- beginScope
- className
- contains
- end
- endScope
- endsWithParent
- excludeBegin
- excludeEnd
- illegal
- keywords
- match
- on:begin
- on:end
- returnBegin
- returnEnd
- scope
- skip
- starts
- subLnaguage
- variants
参考:
Language Definition Guide | Highlight.js Documentation
Mode Reference | Highlight.js Documentation
バリアント
参考:
variants | Highlight.js Documentation
テーマを作成する
参考:
Theme Guide | Highlight.js Documentation
キーワードを追加する
参考:
Adding keywords to language at runtime · Issue #1271 · highlightjs/highlight.js – GitHub
プラグインを作成する
参考:
Plugin API | Highlight.js Documentation
Plugin Recipes | Highlight.js Documentation
変数がハイライトされない
参考:
文字列の内部をハイライトしたい
参考:
Mixed languages style · Issue #3245 · highlightjs/highlight.js – GitHub
ビルド
依存パッケージをインストールする。
$ npm install
Node.js 向けにビルドする。
$ node tools/build -t node
ブラウザ向けにビルドする。
$ node tools/build -t browser
参考:
Building and Testing | Highlight.js Documentation
テスト
テストを実行する。
$ npm test
参考:
Building and Testing | Highlight.js Documentation
9.x 系をビルドしたい
参考:
ESM
参考:
開発
参考:
メンテナンス
参考:
[Theme Maint] Write up on changes for theme maintainers · Issue #3134 · highlightjs/highlight.js
アップグレード/移行
参考:
Upgrading to Highlight.js v11.0 – VERSION_11_UPGRADE.md – highlightjs/highlight.js – GitHub
Upgrading to Version 10.0 – VERSION_10_UPGRADE.md – highlightjs/highlight.js – GitHub
Version 10 Breaking Changes – VERSION_10_BREAKING_CHANGES.md – highlightjs/highlight.js – GitHub
デモ
Demo | Highlight.js [Official]