R.A. Epigonos et al.

[web] highlight.js でコードなどにシンタックスハイライトを入れる

webに載せたコードだって手元のエディタと同じようにシンタックスハイライトしてあった方が読みやすい。

シンタックスハイラトしたい部分をpreタグとcodeタグで囲って、codeタグのclass属性にコードの種類を指定する。

class="shell"とした場合


$ cat hello-world.sh 
$ cat hello-world.c

class="sh"とした場合


#!/bin/sh
set -eux;

echo "hello world!"

class="c"とした場合


#include <stdio.h>
int main ()
{
    printf("hello world!\n");
    return 0;
}

リファレンス

  1. highlight.js/SUPPORTED_LANGUAGES.md at master · highlightjs/highlight.js · GitHub
  2. How to use highlight.js
  3. highlight.js

ソーシャルブックマーク

  1. はてなブックマーク
  2. Google Bookmarks
  3. del.icio.us

ChangeLog

  1. Posted: 2007-08-31T20:17:47+09:00
  2. Modified: 2007-08-31T20:17:47+09:00
  3. Generated: 2024-12-16T23:09:14+09:00