Highlight.js

公式サイト:

Highlight.js [Official]

ダウンロード

入手:

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

Discuss: API for adding extra keywords to a language? · Issue #3493 · highlightjs/highlight.js – GitHub

プラグインを作成する

参考:

Plugin API | Highlight.js Documentation

Plugin Recipes | Highlight.js Documentation

変数がハイライトされない

参考:

Discuss: Should variables be detected and highlighted? · Issue #1378 · highlightjs/highlight.js – GitHiub

文字列の内部をハイライトしたい

参考:

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 系をビルドしたい

参考:

Support: gear and gear-lib repositories are no longer available · Issue #3094 · highlightjs/highlight.js – GitHub

ESM

参考:

Discuss: Should Highlight.js version 11 npm release be ESM only? · Issue #2600 · highlightjs/highlight.js – GitHub

開発

参考:

Discuss: Higher fidelity language highlighting (in general) · Issue #2500 · highlightjs/highlight.js – GitHub

More nuance for match classes (class title? function title? etc.) · Issue #2521 · highlightjs/highlight.js – GitHub

メンテナンス

参考:

[Theme Maint] Write up on changes for theme maintainers · Issue #3134 · highlightjs/highlight.js

Task: Create theme maintainers team and see who is still wanting to help maintain themes · Issue #3118 · highlightjs/highlight.js – GitHub

アップグレード/移行

参考:

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]

ドキュメント

Highlight.js Documentation

リポジトリ

highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies – GitHub

リンク

ドキュメント 翻訳 – Highlight.js | にほんご。

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA