Highlight.js

3ステップで試す

1. 1

   Node.js要件を確認してHighlight.js 11.12.0を導入する

   確認対象の安定版を一時ディレクトリへ固定し、既存プロジェクトへ影響しない状態で試します。

   node -e 'if (Number(process.versions.node.split(".")[0]) < 12) throw new Error("Highlight.js 11.12.0 requires Node.js >= 12")' && demo=$(mktemp -d "${TMPDIR:-/tmp}/highlightjs.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact highlight.js@11.12.0コピー
2. 2

   XMLを明示指定して構文をハイライトするスクリプトを作る

   READMEのNode.js例に沿って、言語を自動判定せずXMLとして固定してハイライトします。

   printf "%s\n" "const hljs = require('highlight.js/lib/common');" "const result = hljs.highlight('<h1>Hello</h1>', { language: 'xml' });" "console.log(result.value);" "if (!result.value.includes('hljs-tag')) throw new Error('highlight output missing');" > demo.cjsコピー
3. 3

   変換結果を実行して確認する

   HTML形式のハイライト結果が出力され、hljs-tagを含むことをスクリプト内で確認します。

   node demo.cjsコピー

Built with

• JavaScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Video.js39,907 Stars

  共通タグ 3件 · 同じ言語

  HTML5 videoに共通のプレイヤーUIとAPIを載せ、HLS・DASHを含むWeb動画再生を扱う

  JavaScript
• SortableJS31,186 Stars

  共通タグ 3件 · 同じ言語

  リスト要素を同一・別リスト間でドラッグ＆ドロップ並べ替えし、タッチ操作にも対応する

  JavaScript
• localForage25,809 Stars

  共通タグ 3件 · 同じ言語

  IndexedDBなどのブラウザ永続化をlocalStorage風の非同期APIで扱う

  JavaScript
• PhotoSwipe25,270 Stars

  共通タグ 3件 · 同じ言語

  画像ギャラリーをlightboxで拡大表示し、swipe・zoom・dynamic importをモバイルとデスクトップで扱う

  JavaScript
• SweetAlert218,098 Stars

  共通タグ 3件 · 同じ言語

  alert・confirm・promptをWAI-ARIA対応のpopupへ置き換え、Promiseで結果を受け取る

  JavaScript
• Tippy.js12,240 Stars

  共通タグ 3件 · 同じ言語

  tooltip・popover・dropdownをPopperベースで配置し、hover・focus・click操作へ追加する

  JavaScript