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 で 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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA