SyntaxHighlighterの使用箇所に緑の四角いマークが表示される

コメントを残す

このブログでは、「SyntaxHighlighter Evolved3.0.83」をインストールして使っています。

「SyntaxHighlighter」は、wordpressの投稿記事内で、htmlのソースコードを表現する場合にとても便利なプラグインです。

例えば以下のような感じです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PHP Code Example</title>
</head>
<body>
    <h1>コードサンプル</h1>
 
    <div class="foobar">

    </div>
 
    <p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>

 

しかし、「SyntaxHighlighter」を使用したページをよく見てみますと、使用箇所に以下のような緑の四角いマークが表示されてしまいます。

syntaxhighlighterの緑のマーク

 

この緑色の四角いマークをクリックしてみますと、以下のような表示が出ます。

syntaxhighlighterのクレジット

 

Google翻訳で訳してみますと、以下のような内容でした。

SyntaxHighlighterバージョン3.0.83（2010年7月2日）
http://alexgorbatchev.com/SyntaxHighlighter
JavaScriptのコードのシンタックスハイライター。
著作権2004-2010アレックスGorbatchev。
このスクリプトのような場合は、に寄付してください
積極的な開発を保つ！

要するに、バージョン情報や著作権関連、寄付に関することで、使用上は無くても問題無さそうです。

 

この緑色のマークは、どうやら「SyntaxHighlighter」の「ツールバーの表示」と関係しているようです。

これを消すには、wordpressの管理画面の[設定]→[SyntaxHighlighter]と進んで、以下のような画面を表示させます。

syntaxhighlighterのツールバーの非表示

そして、[規定の設定]の[ツールバーを表示する]のチェックを外します。

これで、緑の四角いマークは消えているはずです。