はじめに
記事を書いていてPREタグを使ってシンタックスハイライトしている方いませんか?
その時に「jquery」とかの文字が入るとリンクが貼られて実物とは違うものが出来上がってしまうことありませんか?
例えば,「<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">」をシンタックスハイライトしたい!とすると
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
ってなりますよね.明らかにAタグ入っていますよね
そこで今回の記事は備忘録ですが共有したいと思います.
以前,HTMLでSyntaxHighLighterの設定を記事にしたので読んでみてください!
はてブロの記事作成時には,PREタグにclass ="brush:js;"
をつけるといけます!
あとCSSとかの読み込みとかも忘れずに
どうやるか
とっても簡単!PREタグ内のclass
を閉じ終わった後にdata-unlink=""
を入れるだけ
そうすると,以下のように実際のものと一致してでてきます!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
PCで見た時のみ最初に紹介したような現象が起こるようです!スマートフォンでは起きませんでした.