taccuma note

iPhoneでSyntaxHighlighterの表示が崩れるときの対処法

iPhone-syntaxhighlighter-1

このブログではソースの表示にWordPressのプラグイン「SyntaxHighlighter Evolved」を使っているのですが・・・パソコンで見たときはキチンと表示されているのに、iPhoneでは何故か表示が崩れているのを発見してしまいました。なんか行番号とソースの行間が合ってないというか、ソースを表示してる箇所だけフォントサイズが無駄にデカいです。MacのChromeにあるデベロッパーツールでiPhone上の表示も崩れていないことを確認してたんですが、実際のiPhone上ではこんな感じで表示崩れてますw

最初はSyntaxHighlighter Evolvedのスタイルを変更しているから崩れたのかな?とCSSをSyntaxHighlighter Evolvedの初期設定に戻したんですが・・・それでも何故かiPhone上ではスタイルが崩れています。何でだろう?って思って調べたら解決方法が分かったのでご紹介します。

続きを読む

SyntaxHighlighter Evolved Version2系における「クリップボードにコピー」ボタンを修復する方法

fix-clipboard-button-in-syntaxhighlighter-1

WordPress上でソースコードをきれいに表示してくれる「SyntaxHighlighter Evolved」というプラグインを使用してる人も多いと思います。このプラグインはversion2とversion3…2種類の表示方法から好きな方を選べますが、前者の方が利用者が多い。ソースの折り返しが効くので横スクロールバーが出ないとう利点からversion2の方が多くの人に選ばれてるみたいです。

ただいつからか忘れましたが、version2において「クリップボードにコピーボタン」が表示されなくなりました。他の有名なブログさんを見ても表示されてなかったので…プラグインのちょっとした不具合だろう、いつかは修正されるだろうと放置プレイしていたのですが、いつまで経っても直らないので…自力で直してみました。

続きを読む

最近の投稿

おすすめ

タグクラウド

カテゴリー