taccuma note

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

fix-clipboard-button-in-syntaxhighlighter-1

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

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

原因

fix-clipboard-button-in-syntaxhighlighter-2

SyntaxHighlighter Evolved Version2にて…マウスオーバーした時に表示されるボタンの中で…「クリップボードにコピー」ボタン機能はFLASH(.swf)で作られているのですが、「クリップボードにコピー」のswfファイルが壊れているのが原因です。この「クリップボードにコピー」ボタンを実現してるswfファイルを正常な物と置き換えてやれば…直りそうです。

解決法

WordPressプラグイン「SyntaxHighlighter Evolved」の元になってる本家SyntaxHighlighterから、version2系の一番新しいzipファイル(2.1.382)をダウンロードします。

zipファイルを解凍したら、syntaxhighlighter_2.1.382 > scriptsフォルダ内にclipboard.swfがありますので…それをWordPressプラグイン「SyntaxHighlighter Evolved」の壊れているclipboard.swfと置き換えてやればOKです。

wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/scripts/clipboard.swf

swfファイルの場所は上の通りになりますので、FTPソフトなどで新しい物に上書きしてあげましょう。

直ってるかどうかの確認

<html>
<body>
<p>SyntaxHighlighter Evolvedのクリップボードにコピー機能が...
直った(∩´∀`)∩ワーイ</p>
</body>
</html>

SyntaxHighlighter Evolvedの上にマウスオーバーした時に、キチンと「クリップボードにコピー」ボタンが表示されたら無事に直ってます。お疲れ様でした( ´Д`)=3 フゥ

この記事をシェアする

コメント

コメントは管理人の承認後に公開されます...

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

おすすめ

タグクラウド

カテゴリー