はじめに

「CodeMirror for CodeEditor」は、ダッシュボードの「テーマエディター」および「プラグインエディター」に表示されるPHP、Javaスクリプト、HTML、CSSで記述されたソースコードをハイライト表示し、エディターに便利なツールバーを追加します。

このプラグインは、JavaスクリプトライブラリのCodeMirror バージョン2.15を使用しています。

CodeMirror: http://codemirror.net/


特徴
・テーマエディター、プラグインエディター上のソースコードをハイライト表示。
・Marijn Haverbeke氏の「CodeMirror」をJavaスクリプトライブラリを採用。
・10個のテーマ。
・検索、置換機能を備えた便利なツールバー。
・フルスクリーンモード。
・オートコンプリート。
・設定画面で細かな設定が可能。
・メッセージは、英語と日本語(UTF-8)に対応。

= 強調表示可能な言語 =

・PHP
・CSS
・Javascript
・(X)HTML

= オススメのプラグイン =

投稿、ページ、コメント上のソースコードの強調表示には、「WP SyntaxHighlighter」をお使い下さい。

WP SyntaxHighlighter: http://wordpress.org/extend/plugins/wp-syntaxhighlighter/


1.動作環境

・WordPress バージョン2.8 以上


2.インストール

・ダウンロードしたファイルを解凍し、「codemirror-for-codeeditor」フォルダごと、WordPressのプラグインディレクトリ（wp-content/plugins/）にアップロードします。
・WordPressの管理画面の「プラグイン」で、このプラグインを有効化します。
・WordPressの管理画面の「設定」の中の「CodeMirror for CE」という項目で設定を行います。


3.アップデート

WordPressの管理画面で、「CodeMirror for CodeEditor」を停止し、インストールの要領でファイルをサーバーにアップロード、上書きした後、再度、有効化する。


4.アンインストール

WordPressの管理画面で、まずプラグインを停止し、削除を実行する。


5.使い方

・エディター上部に表示されるツールバーで、テーマの切り替えや検索、置換を実行出来ます。
・テキストエリアにカーソルが入った状態で、「Esc」または「F11」キーを押すとフルスクリーンモードに移行します。
・「Ctrl」と「スペース」キーを同時に押すと、オートコンプリート機能が起動します。
・「Ctrl」と「Z」キーを同時に押すと、1つ前の変更を取り消すことが出来ます。
・「Ctrl」と「Y」キーを同時に押すと、変更を取り消す直前の状態に戻ります。
・「Shift」と「Tab」キーを同時に押すと、インデントが元の様態に戻ります。
・「Ctrl/Cmd」と「[」キーを同時に押すと、インデントが消去されます。
・「Ctrl/Cmd」と「]」キーを同時に押すと、インデントが追加されます。

検索、置換は、下記のショートカットで行うことも出来ます。

・検索：「Ctrl」と「F」キーを同時に押す。（または、Cmd-F）
・下候補：「Ctrl」と「G」キーを同時に押す。（または、Cmd-G）
・上候補：「Shift」、「Ctrl」、「G」キーを同時に押す。（または、Shift-Cmd-G）
・置換（検索後に実行）：「Shift」、「Ctrl」、「F」キーを同時に押す。（または、Cmd-Option-F）
・全置換（検索後に実行）：「Shift」、「Ctrl」、「R」キーを同時に押す。（または、Shift-Cmd-Option-F）

注意：ショートカットによる検索、置換の実行、およびオートコンプリートの起動は、フルスクリーンモードでは出来ません。


6.ライセンス

GPL v2


7.このプラグインが気に入ったら

プラグインの開発のサポートをお願いしております。

http://www.near-mint.com/blog/donate


8.履歴

2012/3/28　バージョン 0.5.6.1 リリース
※ CodeMirrorライブラリをver.2.23にバージョンアップ。
※ テーマ「Lesser-Dark」、「XQ-Dark」を追加。

2012/3/1　バージョン 0.5.6 リリース
※ CodeMirrorライブラリをver.2.22にバージョンアップ。
※ 「マッチする文字列を強調」オプションを追加。

2012/2/4　バージョン 0.5.5 リリース
※ CodeMirrorライブラリをver.2.21にバージョンアップ。
※ 「スマートインデント」オプションを追加。
※ 「タブの処理」、「改行時のインデント処理」オプションを廃止。
※ 選択範囲が正しく反転表示されない不具合を修正。

2012/1/18　バージョン 0.5.3 リリース
※ CodeMirrorライブラリをver.2.2-55にバージョンアップ。
※ Emacs風キーボードショートカットをサポート。
※ Vim風キーボードショートカットをサポート。
※ カーソル行の強調表示をサポート。
※ ツールバー上の「検索・置換ボックス」を再導入。
※ 「検索・置換ボックス」の表示/非表示のための設定オプションを追加。

2012/1/12　バージョン 0.5 リリース
※ CodeMirrorライブラリをver.2.2-39にバージョンアップ。
※ 「visible tab」をサポート。
※ 「検索」および「置換」機能を刷新。
※ bloginfo()の誤った使用を修正。

2011/11/23　バージョン 0.4.5 リリース
※ テーマ「monokai」と「rubyblue」を追加。
※ ツールバーに「ファイルを更新」ボタンを追加。
※ オートコンプリート機能を刷新。
※ 「検索」機能の処理を変更。
※ CodeMirrorライブラリをver.2.18にバージョンアップ。

2011/10/30　バージョン 0.4 リリース
※ CodeMirrorライブラリをver.2.16-22にバージョンアップ。（IEユーザーにとって重要なバグ修正を含む。）
※ CodeMirrorライブラリのバージョン情報を格納する変数を追加。

2011/10/26　バージョン 0.3.6 リリース
※ 「プラグイン」の項目に設定画面へリンクを追加。
※ アロー演算子の不足箇所を修正。

2011/10/14　バージョン 0.3.5 リリース
※ コードをクラス化。
※ HTML、Javaスクリプト、CSSを含むPHPが正しく強調表示されない不具合を修正。
※ Javaスクリプト、CSSを含むHTMLが正しく強調表示されない不具合を修正。

2011/10/9　バージョン 0.3 リリース
※ 設定画面を追加。
※ スタイルシートを変更。

2011/10/3　バージョン 0.2 リリース
※ 検索および置換機能の追加。
※ オートコンプリート機能の追加。
※ フルスクリーンモードでもテーマの選択が可能になった。

2011/9/30　バージョン 0.1 リリース


Redcocker
URL: http://www.near-mint.com/blog/
CodeMirror for CodeEditor: http://www.near-mint.com/blog/software/codemirror-for-codeeditor
