CodeMirror

CodeMirror

公式サイト：

CodeMirror [Official]

使い方

参考：

CodeMirror でブラウザ上で動作するコードエディタを作る – Qiita

CodeMirror でテキストフィールドを拡張する – Qiita

CodeMirror の使い方 | Sumire Articles

Make the Stylish Editor with CodeMirror | Daniel

Change Height and Width of TextArea in codemirror – Stack Overflow

導入

参考：

CodeMirror を使ってみた | TIL

CodeMirror を使って、コードをハイライト表示 | Symfoware

CodeMirror を使った | codelike なブログ

感動的に分かりやすい CodeMirror | tnomura のブログ

ショートカットキー

参考：

CodeMirror のショートカット | WordPress と PHP

検索／置換

Ctrl + F：検索

Ctrl + G：次を検索

Shift + Ctrl + G：次を検索

Shift + Ctrl + F：置換

参考：

Search/Replace Demo | CodeMirror [Official]

スタイル

参考：

Styling Example (v6) | CodeMirror [Official]

テーマ

参考：

テーマの設定 | TIL

コード：

theme – codemirror/CodeMirror – GitHub

WordPress で使う

• CodeMirror Blocks

参考：

CodeMirror で WordPress の HTML エディタをもっと快適にする | webOpixel

How to Add The CodeMirror Editor to any WordPress Plugin or Theme | WP Reset

CDN

参考：

codemirror | cdnjs.com

where is CodeMirror.js? – Stack Overflow

バージョン 6

参考：

Extensible Code Editor (v6) | CodeMirror [Official]

デモ

Theme Demo | CodeMirror [Official]

ドキュメント

User Manual | CodeMirror [Official]

Docs (v6) | CodeMirror [Official]

リポジトリ

codemirror/CodeMirror: In-Browser Code Editor – GitHub

codemirror/codemirror.next: The Next Generation of the CodeMirror In-Browser Editor – GitHub

チュートリアル

#1 Introduction

#2 Mode

#3 Theme

#4 Enable Line Number

#5 Enable Autocomplete

プレイリスト

CodeMirror Tutorial – YouTube

codemirror-minified

リポジトリ：

Dominator008/CodeMirror-minified: Minified CodeMirror distribution – GitHub

入手：

codemirror-minified – npm

CodeMirror & AceEditor Theme Generator

リポジトリ：

FarhadG/codeMirror-aceEditor-theme-generator: CodeMirror & Ace Editor themes generated from a GUI and/or Sublime Text & TextMate themes – GitHub

ツール：

TmTheme Editor

CodeMirror Themes

リポジトリ：

FarhadG/code-mirror-themes: A large collection of Code Mirror themes for your coding pleasure – GitHub

React CodeMirror

公式サイト：

React CodeMirror – CodeMirror Component for React

リポジトリ：

uiwjs/react-codemirror: CodeMirror 6 component for React – GitHub

入手：

@uiw/react-codemirror – npm

theme-one-dark

リポジトリ：

codemirror/theme-one-dark: One Dark theme for the CodeMirror code editor – GitHub

入手：

@codemirror/theme-one-dark – npm