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ソフトなどで新しい物に上書きしてあげましょう。

直ってるかどうかの確認




SyntaxHighlighter Evolvedのクリップボードにコピー機能が…
直った(∩´∀`)∩ワーイ




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

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

MacとかiPhoneとかApple製品が好きですが、Windows、Android、Alexa、Google Nest Hubなどいろんなガジェットが好き。根っからのキャッシュレス派で、最近は資産運用(株式投資・投資信託)に力を入れてます。

コメント

コメントする

CAPTCHA


目次