このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

CodeMirror for CodeEditor

説明

Just another code syntaxhighligher for the theme and plugin editor with CodeMirror. This plugin can highlight sourcecodes in the theme/plugin editor and provide a useful toolbar.

Features

  • Highlight sourcecodes in theme and plugin editor on the dashboard.
  • Based on Marijn Haverbeke’s “CodeMirror” JavaScript library.
  • Built-in 10 themes.
  • Useful toolbar which includes search/replace features.
  • Full-screen editing.
  • Auto-complete.
  • Easy to configure features through the setting panel.
  • Localization: English(Default), 日本語(Japanese, UTF-8).

Support languages

  • PHP
  • CSS
  • Javascript
  • (X)HTML

Recommended plugin

スクリーンショット

  • This is a highlighted code in the plugin editor.
  • This is AJAX search dialog.
  • This is Auto-omplete Demo.
  • This is setting panel.

インストール

Installation

  1. Upload plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. If you need, go to “Settings” -> “CodeMirror for CE” to configure.

Usage

  • You can select a theme, run search and replace on the toolbar.
  • Place the cursor in the textarea and press “Esc” or “F11” key to chage to the “fullscreen mode”.
  • Press “Ctrl” – “Space” to activate Auto-omplete.
  • Press “Ctrl” – “Z” to undo the previous change.
  • Press “Ctrl” – “Y” to redo.
  • Press “Shift” – “Tab” to reset line indentation to default.
  • Press “Ctrl/Cmd” – “[” to reduce line indentation.
  • Press “Ctrl/Cmd” – “]” to increase line indentation.

You can also use following shortcuts to search and replace.

  • Search: Press Ctrl-F / Cmd-F
  • Find next: Press Ctrl-G / Cmd-G
  • Find previous: Press Shift-Ctrl-G / Cmd-Option-G
  • Replace: Shift-Ctrl-F / Cmd-Option-F (Run this after searching.)
  • Replace all: Shift-Ctrl-R / Shift-Cmd-Option-F (Run this after searching.)

Note: “Search & replace” by shortcut and “Auto-omplete” can’t work in the “fullscreen mode”.

貢献者と開発者

CodeMirror for CodeEditor はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“CodeMirror for CodeEditor” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

0.5.6.1

  • Updated CodeMirror to ver. 2.23.
  • Add new themes(Lesser-Dark, XQ-Dark).

0.5.6

  • Updated CodeMirror to ver. 2.22.
  • Add “Highlight matched strings” option.

0.5.5

  • Updated CodeMirror to ver. 2.21.
  • Add “Smart indent” option.
  • Discontinue “Tab mode” and “Indentation for a new line” options.
  • Fix a bug: Selected elements by dragging the mouse isn’t displayed inverted correctly.

0.5.3

  • Updated CodeMirror to ver. 2.2-55.
  • Supports “Emacs keybindings”.
  • Supports “Vim keybindings”.
  • Supports “Highlighting the current line”.
  • Re-added “Serach and Replace” box into the toolbar.
  • Added new setting option to show/hide serach and replace box.

0.5

  • Updated CodeMirror to ver. 2.2-39.
  • Supports “visible tab”.
  • New “Search” and “Replace” functions.
  • Fix a bug: Using bloginfo() in the wrong way.

0.4.5

  • Added new theme “monokai” and “rubyblue”.
  • Added “Update File” button into the toolbar.
  • Renewed “Auto-complete” function.
  • Modified the processing of “Search”.
  • Updated CodeMirror to ver. 2.18.

0.4

  • Updated CodeMirror to ver. 2.16-22(including important bug fixes for IE users).
  • Added new variable that has version info of CodeMirror.

0.3.6

  • Added setting link into “Plugins” section.
  • Fix a bug: a missing arrow operator.

0.3.5

  • Rewrote the code using class.
  • Fix a bug: PHP with HTML, Javascript or CSS can’t be highlighted correctly.
  • Fix a bug: HTML with Javascript or CSS can’t be highlighted correctly.

0.3

  • Added setting panel.
  • Modified stylesheet.

0.2

  • Added Search and Replace functions.
  • Added Auto-complete.
  • The themes become user-selectable in the “fullscreen mode”.

0.1

  • This is the initial release.