使用方法1(インライン): &highlighter(CSS文字列){文字列};
指定した文字列を、指定した CSS文字列のスタイルで表示する。
CSSを省略した場合しましまとなる。
CSS付きのspanで指定した文字列をくくっているだけ。単純。
使用方法2(ブロック): #highlighter(正規表現,CSS文字列)
文書中の<li>要素の中を検索して、正規表現にマッチした文字列のスタイルを CSS文字列に置き換える。
CSSを省略した場合しましまとなる。
注意:正規表現はJavaScriptの正規表現
呼び出し箇所に正規表現で探索を行うJavaScriptを生成する。スタイル変更は新しくCSS付き<span>を生成している。
注意 上記理由からそこまでに出現しているテキストしかハイライトできない。
使用方法3(ブロック): #highlighter(正規表現,CSS文字列,true)
最後の引数がtrueである場合:文書中の<li>要素の中を検索して、正規表現にマッチする行の<li>要素全体のスタイルをCSS文字列で置き換える。
CSSを省略した場合しましまとなる。
呼び出し箇所に正規表現で探索を行うJavaScriptを生成する。スタイル変更は新しくCSS付き<span>を生成している。
注意 上記理由からそこまでに出現している行しかハイライトできない。
sanitize 何もしてない。あぶない。こわい。とんでもない
誰か直してくれるとうれしいなあ。
↑ 例 †
&highlighter{ハイライト}; する。
&highlighter(font-size:8em;color:#ff000030){でっかく};する。
#highlighter("一行目");
#highlighter((.)(.)(.).\3\2\1);
#highlighter("三行目","text-shadow: 3px 3px 2px #1040a0, 5px 5px 1px #105010;");
#highlighter("幕の内","background: linear-gradient(#39FBFF,#4EBEFF)",true);