差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
| javascript:codemirror [2025/04/08 07:22] – [CodeMirror 6 開発版(dev)のインストール方法] ともやん | javascript:codemirror [2025/04/17 13:47] (現在) – [ビルドツールを使わない方法] ともやん | ||
|---|---|---|---|
| 行 15: | 行 15: | ||
| { | { | ||
| " | " | ||
| - | " | + | " |
| " | " | ||
| " | " | ||
| " | " | ||
| + | " | ||
| } | } | ||
| } | } | ||
| </ | </ | ||
| <script type=" | <script type=" | ||
| - | import {javascript} from ' | + | import { javascript } from ' |
| - | import {basicSetup} from ' | + | import { basicSetup } from ' |
| - | import {EditorView, | + | import { EditorView, keymap } from ' |
| - | import {defaultKeymap} from ' | + | import { defaultKeymap } from ' |
| //import { solarizedDark } from ' | //import { solarizedDark } from ' | ||
| import { monokai } from ' | import { monokai } from ' | ||
| let myView = new EditorView({ | let myView = new EditorView({ | ||
| - | doc: ` // html | + | doc: `<div id=" |
| - | //<div id=" | + | |
| - | //< | + | |
| - | | + | <script type=" |
| - | import {basicSetup} from ' | + | |
| - | import {EditorView, | + | import { basicSetup } from ' |
| - | import {defaultKeymap} from ' | + | import { EditorView, keymap } from ' |
| + | import { defaultKeymap } from ' | ||
| //import { solarizedDark } from ' | //import { solarizedDark } from ' | ||
| import { monokai } from ' | import { monokai } from ' | ||
| 行 50: | 行 50: | ||
| javascript({typescript: | javascript({typescript: | ||
| monokai, | monokai, | ||
| - | | + | EditorView.theme({ |
| + | ' | ||
| + | fontFamily: ' | ||
| + | } | ||
| + | }) | ||
| + | | ||
| }) | }) | ||
| - | //</ | + | </ |
| - | `, | + | |
| extensions: [keymap.of(defaultKeymap)], | extensions: [keymap.of(defaultKeymap)], | ||
| parent: document.getElementById(" | parent: document.getElementById(" | ||
| 行 60: | 行 64: | ||
| javascript({typescript: | javascript({typescript: | ||
| monokai, | monokai, | ||
| - | | + | EditorView.theme({ |
| + | ' | ||
| + | fontFamily: ' | ||
| + | } | ||
| + | }) | ||
| + | | ||
| }) | }) | ||
| </ | </ | ||
| </ | </ | ||
| + | |||
| + | ===== CodeMirirter 6 のテーマ...🤔 ===== | ||
| + | [[git> | ||
| + | [[git> | ||
| ===== CodeMirror 6 開発版(dev)のインストール方法 ===== | ===== CodeMirror 6 開発版(dev)のインストール方法 ===== | ||
