Title: CodeMirror for CodeEditor
Author: redcocker
Published: <strong>2011 年 10 月 1 日</strong>
Last modified: 2012 年 3 月 28 日

---

搜尋外掛

![](https://ps.w.org/codemirror-for-codeeditor/assets/banner-772x250.png?rev=491546)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/codemirror-for-codeeditor_faf6f2.svg)

# CodeMirror for CodeEditor

 由 [redcocker](https://profiles.wordpress.org/redcocker/) 開發

[下載](https://downloads.wordpress.org/plugin/codemirror-for-codeeditor.0.5.6.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/codemirror-for-codeeditor/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/codemirror-for-codeeditor/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/codemirror-for-codeeditor/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/codemirror-for-codeeditor/#developers)

 [技術支援](https://wordpress.org/support/plugin/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](http://codemirror.net/)” 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

 * “[WP SyntaxHighlighter](https://wordpress.org/extend/plugins/wp-syntaxhighlighter/)”
   can highlight sourcecodes on your front-end(posts, pages, comments).

## 螢幕擷圖

 * [[
 * 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〉的開發相關工作。

參與者

 *   [ redcocker ](https://profiles.wordpress.org/redcocker/)

[將〈CodeMirror for CodeEditor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/codemirror-for-codeeditor)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/codemirror-for-codeeditor/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/codemirror-for-codeeditor/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/codemirror-for-codeeditor/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/codemirror-for-codeeditor/)。

## 變更記錄

#### 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.

## 中繼資料

 *  版本 **0.5.6.1**
 *  最後更新 **14 年前**
 *  啟用安裝數 **40+**
 *  WordPress 版本需求 ** 2.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.3.2**
 *  語言
 * [English (US)](https://wordpress.org/plugins/codemirror-for-codeeditor/)
 * 標籤
 * [code](https://tw.wordpress.org/plugins/tags/code/)[Codemirror](https://tw.wordpress.org/plugins/tags/codemirror/)
   [sourcecode](https://tw.wordpress.org/plugins/tags/sourcecode/)[syntax](https://tw.wordpress.org/plugins/tags/syntax/)
   [SyntaxHighlighter](https://tw.wordpress.org/plugins/tags/syntaxhighlighter/)
 *  [進階檢視](https://tw.wordpress.org/plugins/codemirror-for-codeeditor/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/codemirror-for-codeeditor/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/codemirror-for-codeeditor/reviews/)

## 參與者

 *   [ redcocker ](https://profiles.wordpress.org/redcocker/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/codemirror-for-codeeditor/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://www.near-mint.com/blog/donate)