javascript:codemirror

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
javascript:codemirror [2023/04/09 09:27] – [動作確認] ともやんjavascript:codemirror [2025/04/17 13:47] (現在) – [ビルドツールを使わない方法] ともやん
行 3: 行 3:
 ソースコード: [[https://github.com/codemirror/codemirror|codemirror/CodeMirror: In-browser code editor]]\\ ソースコード: [[https://github.com/codemirror/codemirror|codemirror/CodeMirror: In-browser code editor]]\\
  
-===== CodeMirror 6 =====+====== CodeMirror 6 ======
 本家: [[https://codemirror.net/6/|CodeMirror 6]]\\ 本家: [[https://codemirror.net/6/|CodeMirror 6]]\\
 ソースコード: [[https://github.com/codemirror/codemirror.next|codemirror/codemirror.next: The next generation of the CodeMirror in-browser editor]]\\ ソースコード: [[https://github.com/codemirror/codemirror.next|codemirror/codemirror.next: The next generation of the CodeMirror in-browser editor]]\\
 ドキュメント: [[https://codemirror.net/6/docs/ref/|CodeMirror 6 Reference Manual]]\\ ドキュメント: [[https://codemirror.net/6/docs/ref/|CodeMirror 6 Reference Manual]]\\
 +
 +===== ビルドツールを使わない方法 =====
 +<html>
 +
 +<div id="editor"></div>
 +<script type="importmap">
 +  {
 +    "imports": {
 +      "codemirror": "https://esm.sh/codemirror",
 +      "view": "https://esm.sh/@codemirror/view@^6.36.5",
 +      "state": "https://esm.sh/@codemirror/state@^6.5.2",
 +      "commands": "https://esm.sh/@codemirror/commands@^6.8.1",
 +      "language": "https://esm.sh/@codemirror/language@^6.11.0"
 +    }
 +  }
 +</script>
 +<script type="module">
 +  import { javascript } from 'https://esm.sh/@codemirror/lang-javascript'
 +  import { basicSetup } from 'https://esm.sh/codemirror@6.0.1'
 +  import { EditorView, keymap } from 'https://esm.sh/@codemirror/view@^6.36.5'
 +  import { defaultKeymap } from 'https://esm.sh/@codemirror/commands@^6.8.1'
 +  //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'
 +  import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'
 +
 +  let myView = new EditorView({
 +    doc: `<div id="editor"></div>
 +
 +<script type="module">
 +  import { javascript } from 'https://esm.sh/@codemirror/lang-javascript'
 +  import { basicSetup } from 'https://esm.sh/codemirror@6.0.1'
 +  import { EditorView, keymap } from 'https://esm.sh/@codemirror/view@^6.36.5'
 +  import { defaultKeymap } from 'https://esm.sh/@codemirror/commands@^6.8.1'
 +  //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'
 +  import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'
 +
 +  let myView = new EditorView({
 +    doc: 'code',
 +    extensions: [keymap.of(defaultKeymap)],
 +    parent: document.getElementById("editor"),
 +    extensions: [
 +      basicSetup,
 +      javascript({typescript: true}),
 +      monokai,
 +      EditorView.theme({
 +        '.cm-scroller': {
 +          fontFamily: 'HackGen Console NF',
 +        }
 +      })
 +    ],
 +  })
 +</scr`+`ipt>`,
 +    extensions: [keymap.of(defaultKeymap)],
 +    parent: document.getElementById("editor"),
 +    extensions: [
 +      basicSetup,
 +      javascript({typescript: true}),
 +      monokai,
 +      EditorView.theme({
 +        '.cm-scroller': {
 +          fontFamily: 'HackGen Console NF',
 +        }
 +      })
 +    ],
 +  })
 +</script>
 +
 +</html>
 +
 +===== CodeMirirter 6 のテーマ...🤔 =====
 +[[git>fsegurai/codemirror-themes|fsegurai/codemirror-themes: Themes for CodeMirror 6]]\\
 +[[git>craftzdog/cm6-themes|craftzdog/cm6-themes: Themes for CodeMirror 6]]\\
 +
 +===== CodeMirror 6 開発版(dev)のインストール方法 =====
  
 ==== Node.js のインストール ==== ==== Node.js のインストール ====
 詳しくは [[linux:anyenv#nodenv|anyenv - rbenv スタイルのオールインワン環境マネージャー]] を参照。\\ 詳しくは [[linux:anyenv#nodenv|anyenv - rbenv スタイルのオールインワン環境マネージャー]] を参照。\\
  
-==== CodeMirror 6 のダウンロード ====+==== CodeMirror 6 開発版ダウンロード ====
 [[https://codemirror.net|CodeMirror - codemirror.net]]\\ [[https://codemirror.net|CodeMirror - codemirror.net]]\\
 [[git>codemirror/dev/#readme|README.md - codemirror/dev: Development repository for the CodeMirror editor project]]\\ [[git>codemirror/dev/#readme|README.md - codemirror/dev: Development repository for the CodeMirror editor project]]\\
 <WRAP color_term> <WRAP color_term>
 <WRAP color_command><html><pre> <WRAP color_command><html><pre>
-<b class=GRN>$</b> <b class=HIY>git</b> clone --depth 1 https://github.com/codemirror/dev.git codemirror6+<font color="#0087FF"><b>$</b></font> <font color="#26A269">git</font> clone <font color="#A347BA">--depth</font> 1 https://github.com/codemirror/dev.git codemirror6_dev
 </pre></html></WRAP> </pre></html></WRAP>
 <WRAP color_result><html><pre> <WRAP color_result><html><pre>
-Cloning into 'codemirror6'...+Cloning into &apos;codemirror6_dev&apos;...
 remote: Enumerating objects: 25, done. remote: Enumerating objects: 25, done.
 remote: Counting objects: 100% (25/25), done. remote: Counting objects: 100% (25/25), done.
 remote: Compressing objects: 100% (20/20), done. remote: Compressing objects: 100% (20/20), done.
-remote: Total 25 (delta 0), reused 14 (delta 0), pack-reused 0 +remote: Total 25 (delta 0), reused 12 (delta 0), pack-reused 0 (from 0) 
-Receiving objects: 100% (25/25), 11.47 KiB | 690.00 KiB/s, done.+Receiving objects: 100% (25/25), 11.13 KiB | 178.00 KiB/s, done.
 </pre></html></WRAP> </pre></html></WRAP>
 </WRAP> </WRAP>
  
-==== cm.js でインストール ====+==== cm.js の使用方法 ====
 <WRAP color_term> <WRAP color_term>
 <WRAP color_command><html><pre> <WRAP color_command><html><pre>
-<b class=GRN>$</b> <b class=HIY>cd</b> codemirror6/ +<font color="#0087FF"><b>$</b></font> <font color="#26A269">node</font> <u style="text-decoration-style:solid">bin/cm.js</u> <font color="#A347BA">--help</font>
-<b class=GRN>$</b> <b class=HIY>node</b> bin/cm.js install+
 </pre></html></WRAP> </pre></html></WRAP>
-<WRAP color_result_long><html><pre> +<WRAP color_result><html><pre> 
-Cloning into '/home/tomoyan/my_projects/codemirror6/state'... +Usage: 
-remote: Enumerating objects: 3052, done. +  cm install [--ssh]      Clone and symlink the packages, install deps, build 
-remote: Counting objects: 100% (210/210), done. +  cm packages             Emit a list of all pkg names 
-remote: Compressing objects: 100% (114/114), done. +  cm status               Output git status, when interesting, for packages 
-remote: Total 3052 (delta 142), reused 152 (delta 94), pack-reused 2842 +  cm build                Build the bundle files 
-Receiving objects: 100% (3052/3052), 592.42 KiB | 1.13 MiB/s, done. +  cm clean                Delete files created by the build 
-Resolving deltas: 100% (1590/1590), done. +  cm devserver [--source-map] 
-Cloning into '/home/tomoyan/my_projects/codemirror6/view'... +                          Start a dev server on port 8090 
-remote: Enumerating objects: 8830, done. +  cm release &lt;package&gt; [--edit] [--version &lt;version&gt;] 
-remote: Counting objects: 100% (1845/1845), done. +                          Create commits to tag a release 
-remote: Compressing objects: 100% (345/345), done. +  cm build-readme &lt;pkg&gt;   Regenerate the readme file for a non-core package 
-remote: Total 8830 (delta 1547), reused 1785 (delta 1498), pack-reused 6985 +  cm commit &lt;args&gt;        Run git commit in all packages that have changes 
-Receiving objects: 100% (8830/8830), 1.71 MiB | 2.16 MiB/s, done. +  cm push                 Run git push in packages that have new commits 
-Resolving deltas: 100% (6009/6009), done. +  cm run &lt;command&gt;        Run the given command in each of the package dirs 
-Cloning into '/home/tomoyan/my_projects/codemirror6/language'... +  cm test [--no-browser]  Run the test suite of all the packages 
-remote: Enumerating objects: 1687, done. +  cm grep &lt;pattern&gt;       Grep through the source code for all packages 
-remote: Counting objects: 100% (280/280), done. +  cm --help 
-remote: Compressing objects: 100% (102/102), done. +</pre></html></WRAP> 
-remote: Total 1687 (delta 192), reused 259 (delta 176), pack-reused 1407 +</WRAP> 
-Receiving objects: 100% (1687/1687), 286.54 KiB | 908.00 KiB/s, done. + 
-Resolving deltas: 100% (777/777), done. +==== cm.js で開発環境をインストール ==== 
-Cloning into '/home/tomoyan/my_projects/codemirror6/commands'... +<WRAP color_term> 
-remote: Enumerating objects: 1846, done. +<WRAP color_command><html><pre> 
-remote: Counting objects: 100% (358/358), done. +<font color="#0087FF"><b>$</b></font> <font color="#26A269">cd</font> <u style="text-decoration-style:solid">codemirror6_dev</u> 
-remote: Compressing objects: 100% (91/91), done. +<font color="#0087FF"><b>$</b></font> <font color="#26A269">node</font> <u style="text-decoration-style:solid">bin/cm.js</u> install 
-remote: Total 1846 (delta 302), reused 316 (delta 265), pack-reused 1488 +</pre></html></WRAP> 
-Receiving objects: 100% (1846/1846), 327.85 KiB | 703.00 KiB/s, done. +<WRAP color_result_hlong><html><pre> 
-Resolving deltas: 100% (1027/1027), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/state&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/search'... +remote: Enumerating objects: 3233, done. 
-remote: Enumerating objects: 948, done. +remote: Counting objects: 100% (391/391), done. 
-remote: Counting objects: 100% (359/359), done. +remote: Compressing objects: 100% (177/177), done. 
-remote: Compressing objects: 100% (76/76), done. +remote: Total 3233 (delta 260), reused 339 (delta 212), pack-reused 2842 (from 1) 
-remote: Total 948 (delta 297), reused 337 (delta 281), pack-reused 589 +Receiving objects: 100% (3233/3233), 667.32 KiB | 854.00 KiB/s, done. 
-Receiving objects: 100% (948/948), 157.48 KiB | 844.00 KiB/s, done. +Resolving deltas: 100% (1708/1708), done. 
-Resolving deltas: 100% (532/532), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/view&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/autocomplete'... +remote: Enumerating objects: 10600, done. 
-remote: Enumerating objects: 1547, done. +remote: Counting objects: 100% (1705/1705), done. 
-remote: Counting objects: 100% (321/321), done. +remote: Compressing objects: 100% (208/208), done. 
-remote: Compressing objects: 100% (120/120), done. +remote: Total 10600 (delta 1609), reused 1548 (delta 1497), pack-reused 8895 (from 3) 
-remote: Total 1547 (delta 216), reused 300 (delta 199), pack-reused 1226 +Receiving objects: 100% (10600/10600), 2.36 MiB | 1.53 MiB/s, done. 
-Receiving objects: 100% (1547/1547), 269.77 KiB | 1000.00 KiB/s, done. +Resolving deltas: 100% (7243/7243), done. 
-Resolving deltas: 100% (812/812), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/language&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lint'... +remote: Enumerating objects: 1884, done. 
-remote: Enumerating objects: 652, done. +remote: Counting objects: 100% (477/477), done. 
-remote: Counting objects: 100% (274/274), done. +remote: Compressing objects: 100% (197/197), done. 
-remote: Compressing objects: 100% (79/79), done. +remote: Total 1884 (delta 324), reused 425 (delta 278), pack-reused 1407 (from 1) 
-remote: Total 652 (delta 223), reused 237 (delta 193), pack-reused 378 +Receiving objects: 100% (1884/1884), 324.28 KiB | 752.00 KiB/s, done. 
-Receiving objects: 100% (652/652), 100.94 KiB | 1.01 MiB/s, done. +Resolving deltas: 100% (909/909), done. 
-Resolving deltas: 100% (267/267), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/commands&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/collab'... +remote: Enumerating objects: 2073, done. 
-remote: Enumerating objects: 258, done. +remote: Counting objects: 100% (585/585), done. 
-remote: Counting objects: 100% (258/258), done. +remote: Compressing objects: 100% (190/190), done. 
-remote: Compressing objects: 100% (139/139), done. +remote: Total 2073 (delta 447), reused 529 (delta 393), pack-reused 1488 (from 1) 
-remote: Total 258 (delta 109), reused 233 (delta 84), pack-reused 0 +Receiving objects: 100% (2073/2073), 383.99 KiB | 546.00 KiB/s, done. 
-Receiving objects: 100% (258/258), 39.35 KiB | 760.00 KiB/s, done. +Resolving deltas: 100% (1172/1172), done. 
-Resolving deltas: 100% (109/109), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/search&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/language-data'... +remote: Enumerating objects: 1103, done. 
-remote: Enumerating objects: 147, done. +remote: Counting objects: 100% (405/405), done. 
-remote: Counting objects: 100% (147/147), done. +remote: Compressing objects: 100% (87/87), done. 
-remote: Compressing objects: 100% (90/90), done. +remote: Total 1103 (delta 365), reused 347 (delta 318), pack-reused 698 (from 1) 
-remote: Total 147 (delta 74), reused 114 (delta 43), pack-reused 0 +Receiving objects: 100% (1103/1103), 178.82 KiB | 963.00 KiB/s, done. 
-Receiving objects: 100% (147/147), 21.65 KiB | 791.00 KiB/s, done. +Resolving deltas: 100% (640/640), done. 
-Resolving deltas: 100% (74/74), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/autocomplete&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/codemirror'... +remote: Enumerating objects: 2000, done. 
-remote: Enumerating objects: 266, done. +remote: Counting objects: 100% (521/521), done. 
-remote: Counting objects: 100% (64/64), done. +remote: Compressing objects: 100% (81/81), done. 
-remote: Compressing objects: 100% (27/27), done. +remote: Total 2000 (delta 496), reused 443 (delta 440), pack-reused 1479 (from 1) 
-remote: Total 266 (delta 41), reused 54 (delta 34), pack-reused 202 +Receiving objects: 100% (2000/2000), 322.62 KiB | 658.00 KiB/s, done. 
-Receiving objects: 100% (266/266), 32.67 KiB | 727.00 KiB/s, done. +Resolving deltas: 100% (1142/1142), done. 
-Resolving deltas: 100% (121/121), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lint&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-javascript'... +remote: Enumerating objects: 827, done. 
-remote: Enumerating objects: 679, done. +remote: Counting objects: 100% (243/243), done. 
-remote: Counting objects: 100% (162/162), done. +remote: Compressing objects: 100% (24/24), done. 
-remote: Compressing objects: 100% (99/99), done. +remote: Total 827 (delta 238), reused 219 (delta 219), pack-reused 584 (from 1) 
-remote: Total 679 (delta 102), reused 113 (delta 61), pack-reused 517 +Receiving objects: 100% (827/827), 122.12 KiB | 886.00 KiB/s, done. 
-Receiving objects: 100% (679/679), 104.03 KiB | 1.11 MiB/s, done. +Resolving deltas: 100% (367/367), done. 
-Resolving deltas: 100% (322/322), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/collab&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-java'... +remote: Enumerating objects: 286, done. 
-remote: Enumerating objects: 206, done. +remote: Counting objects: 100% (74/74), done. 
-remote: Counting objects: 100% (206/206), done. +remote: Compressing objects: 100% (24/24), done. 
-remote: Compressing objects: 100% (134/134), done. +remote: Total 286 (delta 56), reused 62 (delta 50), pack-reused 212 (from 1) 
-remote: Total 206 (delta 92), reused 168 (delta 54), pack-reused 0 +Receiving objects: 100% (286/286), 48.23 KiB | 433.00 KiB/s, done. 
-Receiving objects: 100% (206/206), 25.69 KiB | 1.22 MiB/s, done. +Resolving deltas: 100% (120/120), done. 
-Resolving deltas: 100% (92/92), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/language-data&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-json'... +remote: Enumerating objects: 244, done. 
-remote: Enumerating objects: 209, done. +remote: Counting objects: 100% (84/84), done. 
-remote: Counting objects: 100% (209/209), done. +remote: Compressing objects: 100% (48/48), done. 
-remote: Compressing objects: 100% (146/146), done. +remote: Total 244 (delta 49), reused 58 (delta 28), pack-reused 160 (from 1) 
-remote: Total 209 (delta 91), reused 175 (delta 57), pack-reused 0 +Receiving objects: 100% (244/244), 39.12 KiB | 513.00 KiB/s, done. 
-Receiving objects: 100% (209/209), 25.48 KiB | 1.02 MiB/s, done. +Resolving deltas: 100% (126/126), done. 
-Resolving deltas: 100% (91/91), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/codemirror&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-cpp'... +remote: Enumerating objects: 272, done. 
-remote: Enumerating objects: 197, done. +remote: Counting objects: 100% (70/70), done. 
-remote: Counting objects: 100% (197/197), done. +remote: Compressing objects: 100% (26/26), done. 
-remote: Compressing objects: 100% (128/128), done. +remote: Total 272 (delta 44), reused 66 (delta 41), pack-reused 202 (from 1) 
-remote: Total 197 (delta 89), reused 160 (delta 52), pack-reused 0 +Receiving objects: 100% (272/272), 33.65 KiB | 499.00 KiB/s, done. 
-Receiving objects: 100% (197/197), 25.17 KiB | 696.00 KiB/s, done. +Resolving deltas: 100% (124/124), done. 
-Resolving deltas: 100% (89/89), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-javascript&apos;... 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-php'... +remote: Enumerating objects: 798, done. 
-remote: Enumerating objects: 113, done. +remote: Counting objects: 100% (126/126), done. 
-remote: Counting objects: 100% (113/113), done. +remote: Compressing objects: 100% (32/32), done. 
-remote: Compressing objects: 100% (82/82), done. +remote: Total 798 (delta 104), reused 100 (delta 94), pack-reused 672 (from 1) 
-remote: Total 113 (delta 54), reused 88 (delta 31), pack-reused 0 +Receiving objects: 100% (798/798), 119.63 KiB | 700.00 KiB/s, done. 
-Receiving objects: 100% (113/113), 16.73 KiB | 685.00 KiB/s, done. +Resolving deltas: 100% (405/405), done. 
-Resolving deltas: 100% (54/54), done. +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-java&apos;...
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-python'... +
-remote: Enumerating objects: 348, done. +
-remote: Counting objects: 100% (116/116), done. +
-remote: Compressing objects: 100% (74/74), done. +
-remote: Total 348 (delta 67), reused 85 (delta 40), pack-reused 232 +
-Receiving objects: 100% (348/348), 51.14 KiB | 952.00 KiB/s, done. +
-Resolving deltas: 100% (155/155), done. +
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-css'... +
-remote: Enumerating objects: 328, done. +
-remote: Counting objects: 100% (328/328), done. +
-remote: Compressing objects: 100% (218/218), done. +
-remote: Total 328 (delta 147), reused 265 (delta 85), pack-reused 0 +
-Receiving objects: 100% (328/328), 45.26 KiB | 759.00 KiB/s, done. +
-Resolving deltas: 100% (147/147), done. +
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-html'... +
-remote: Enumerating objects: 585, done. +
-remote: Counting objects: 100% (171/171), done. +
-remote: Compressing objects: 100% (103/103), done. +
-remote: Total 585 (delta 111), reused 119 (delta 68), pack-reused 414 +
-Receiving objects: 100% (585/585), 97.80 KiB | 776.00 KiB/s, done. +
-Resolving deltas: 100% (267/267), done. +
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-sql'... +
-remote: Enumerating objects: 432, done. +
-remote: Counting objects: 100% (172/172), done. +
-remote: Compressing objects: 100% (51/51), done. +
-remote: Total 432 (delta 147), reused 135 (delta 121), pack-reused 260 +
-Receiving objects: 100% (432/432), 79.12 KiB | 861.00 KiB/s, done. +
-Resolving deltas: 100% (245/245), done. +
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-rust'...+
 remote: Enumerating objects: 214, done. remote: Enumerating objects: 214, done.
 remote: Counting objects: 100% (214/214), done. remote: Counting objects: 100% (214/214), done.
-remote: Compressing objects: 100% (139/139), done. +remote: Compressing objects: 100% (140/140), done. 
-remote: Total 214 (delta 97), reused 174 (delta 57), pack-reused 0 +remote: Total 214 (delta 97), reused 173 (delta 56), pack-reused 0 (from 0) 
-Receiving objects: 100% (214/214), 26.15 KiB | 723.00 KiB/s, done.+Receiving objects: 100% (214/214), 26.78 KiB | 1.22 MiB/s, done.
 Resolving deltas: 100% (97/97), done. Resolving deltas: 100% (97/97), done.
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-xml'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-json&apos;... 
-remote: Enumerating objects: 274, done. +remote: Enumerating objects: 217, done. 
-remote: Counting objects: 100% (274/274), done. +remote: Counting objects: 100% (6/6), done. 
-remote: Compressing objects: 100% (183/183), done. +remote: Compressing objects: 100% (6/6), done. 
-remote: Total 274 (delta 129), reused 226 (delta 81), pack-reused 0 +remote: Total 217 (delta 1), reused 2 (delta 0), pack-reused 211 (from 1) 
-Receiving objects: 100% (274/274), 37.93 KiB | 636.00 KiB/s, done. +Receiving objects: 100% (217/217), 26.87 KiB | 387.00 KiB/s, done. 
-Resolving deltas: 100% (129/129), done. +Resolving deltas: 100% (94/94), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-markdown'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-cpp&apos;... 
-remote: Enumerating objects: 560, done. +remote: Enumerating objects: 205, done. 
-remote: Counting objects: 100% (152/152), done. +remote: Counting objects: 100% (205/205), done. 
-remote: Compressing objects: 100% (81/81), done. +remote: Compressing objects: 100% (134/134), done. 
-remote: Total 560 (delta 102), reused 107 (delta 66), pack-reused 408 +remote: Total 205 (delta 93), reused 166 (delta 54), pack-reused 0 (from 0) 
-Receiving objects: 100% (560/560), 126.84 KiB | 354.00 KiB/s, done. +Receiving objects: 100% (205/205), 26.47 KiB | 3.31 MiB/s, done. 
-Resolving deltas: 100% (279/279), done. +Resolving deltas: 100% (93/93), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-lezer'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-php&apos;... 
-remote: Enumerating objects: 111, done. +remote: Enumerating objects: 121, done. 
-remote: Counting objects: 100% (111/111), done. +remote: Counting objects: 100% (121/121), done. 
-remote: Compressing objects: 100% (78/78), done. +remote: Compressing objects: 100% (88/88), done. 
-remote: Total 111 (delta 54), reused 86 (delta 29), pack-reused 0 +remote: Total 121 (delta 59), reused 93 (delta 33), pack-reused 0 (from 0) 
-Receiving objects: 100% (111/111), 13.68 KiB | 609.00 KiB/s, done. +Receiving objects: 100% (121/121), 17.78 KiB | 1.97 MiB/s, done. 
-Resolving deltas: 100% (54/54), done. +Resolving deltas: 100% (59/59), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-wast'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-python&apos;... 
-remote: Enumerating objects: 65, done. +remote: Enumerating objects: 410, done. 
-remote: Counting objects: 100% (65/65), done. +remote: Counting objects: 100% (69/69), done.
-remote: Compressing objects: 100% (41/41), done. +
-remote: Total 65 (delta 30), reused 55 (delta 20), pack-reused 0 +
-Receiving objects: 100% (65/65), 8.69 KiB | 2.90 MiB/s, done. +
-Resolving deltas: 100% (30/30), done. +
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-angular'... +
-remote: Enumerating objects: 30, done. +
-remote: Counting objects: 100% (30/30), done.+
 remote: Compressing objects: 100% (23/23), done. remote: Compressing objects: 100% (23/23), done.
-remote: Total 30 (delta 10), reused 27 (delta 7), pack-reused 0 +remote: Total 410 (delta 56), reused 50 (delta 46), pack-reused 341 (from 1) 
-Receiving objects: 100% (30/30), 6.49 KiB | 2.16 MiB/s, done. +Receiving objects: 100% (410/410), 58.87 KiB | 700.00 KiB/s, done. 
-Resolving deltas: 100% (10/10), done. +Resolving deltas: 100% (196/196), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/lang-vue'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-go&apos;... 
-remote: Enumerating objects: 51, done. +remote: Enumerating objects: 48, done. 
-remote: Counting objects: 100% (51/51), done. +remote: Counting objects: 100% (48/48), done. 
-remote: Compressing objects: 100% (33/33), done. +remote: Compressing objects: 100% (30/30), done. 
-remote: Total 51 (delta 20), reused 49 (delta 18), pack-reused 0 +remote: Total 48 (delta 18), reused 45 (delta 15), pack-reused 0 (from 0) 
-Receiving objects: 100% (51/51), 9.15 KiB | 2.29 MiB/s, done. +Receiving objects: 100% (48/48), 11.76 KiB | 1.07 MiB/s, done. 
-Resolving deltas: 100% (20/20), done. +Resolving deltas: 100% (18/18), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/legacy-modes'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-css&apos;... 
-remote: Enumerating objects: 1193, done. +remote: Enumerating objects: 381, done. 
-remote: Counting objects: 100% (260/260), done. +remote: Counting objects: 100% (38/38), done. 
-remote: Compressing objects: 100% (175/175), done. +remote: Compressing objects: 100% (29/29), done. 
-remote: Total 1193 (delta 119), reused 128 (delta 83), pack-reused 933 +remote: Total 381 (delta 15), reused 26 (delta 9), pack-reused 343 (from 1) 
-Receiving objects: 100% (1193/1193), 658.08 KiB | 1.44 MiB/s, done. +Receiving objects: 100% (381/381), 58.98 KiB | 384.00 KiB/s, done. 
-Resolving deltas: 100% (669/669), done. +Resolving deltas: 100% (172/172), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/theme-one-dark'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-sass&apos;... 
-remote: Enumerating objects: 284, done. +remote: Enumerating objects: 52, done. 
-remote: Counting objects: 100% (49/49), done. +remote: Counting objects: 100% (52/52), done. 
-remote: Compressing objects: 100% (37/37), done. +remote: Compressing objects: 100% (38/38), done. 
-remote: Total 284 (delta 21), reused 35 (delta 10), pack-reused 235 +remote: Total 52 (delta 22), reused 42 (delta 12), pack-reused 0 (from 0) 
-Receiving objects: 100% (284/284), 37.06 KiB | 403.00 KiB/s, done. +Receiving objects: 100% (52/52), 8.46 KiB | 4.23 MiB/s, done. 
-Resolving deltas: 100% (122/122), done. +Resolving deltas: 100% (22/22), done. 
-Cloning into '/home/tomoyan/my_projects/codemirror6/merge'... +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-html&apos;... 
-remote: Enumerating objects: 216, done. +remote: Enumerating objects: 672, done. 
-remote: Counting objects: 100% (216/216), done.+remote: Counting objects: 100% (107/107), done. 
 +remote: Compressing objects: 100% (49/49), done. 
 +remote: Total 672 (delta 76), reused 85 (delta 58), pack-reused 565 (from 1) 
 +Receiving objects: 100% (672/672), 110.35 KiB | 653.00 KiB/s, done. 
 +Resolving deltas: 100% (326/326), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-sql&apos;... 
 +remote: Enumerating objects: 653, done. 
 +remote: Counting objects: 100% (349/349), done.
 remote: Compressing objects: 100% (104/104), done. remote: Compressing objects: 100% (104/104), done.
-remote: Total 216 (delta 130), reused 197 (delta 111), pack-reused 0 +remote: Total 653 (delta 301), reused 277 (delta 245), pack-reused 304 (from 1) 
-Receiving objects: 100% (216/216), 49.39 KiB | 887.00 KiB/s, done. +Receiving objects: 100% (653/653), 124.65 KiB | 622.00 KiB/s, done. 
-Resolving deltas: 100% (130/130), done.+Resolving deltas: 100% (391/391), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-rust&apos;... 
 +remote: Enumerating objects: 222, done. 
 +remote: Counting objects: 100% (222/222), done. 
 +remote: Compressing objects: 100% (145/145), done. 
 +remote: Total 222 (delta 102), reused 179 (delta 59), pack-reused 0 (from 0) 
 +Receiving objects: 100% (222/222), 27.25 KiB | 715.00 KiB/s, done. 
 +Resolving deltas: 100% (102/102), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-xml&apos;... 
 +remote: Enumerating objects: 294, done. 
 +remote: Counting objects: 100% (294/294), done. 
 +remote: Compressing objects: 100% (196/196), done. 
 +remote: Total 294 (delta 141), reused 241 (delta 88), pack-reused 0 (from 0) 
 +Receiving objects: 100% (294/294), 41.88 KiB | 536.00 KiB/s, done. 
 +Resolving deltas: 100% (141/141), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-markdown&apos;... 
 +remote: Enumerating objects: 681, done. 
 +remote: Counting objects: 100% (273/273), done. 
 +remote: Compressing objects: 100% (123/123), done. 
 +remote: Total 681 (delta 174), reused 236 (delta 140), pack-reused 408 (from 1) 
 +Receiving objects: 100% (681/681), 146.91 KiB | 680.00 KiB/s, done. 
 +Resolving deltas: 100% (351/351), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-lezer&apos;... 
 +remote: Enumerating objects: 119, done. 
 +remote: Counting objects: 100% (119/119), done. 
 +remote: Compressing objects: 100% (84/84), done. 
 +remote: Total 119 (delta 59), reused 91 (delta 31), pack-reused 0 (from 0) 
 +Receiving objects: 100% (119/119), 14.77 KiB | 3.69 MiB/s, done. 
 +Resolving deltas: 100% (59/59), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-wast&apos;... 
 +remote: Enumerating objects: 83, done. 
 +remote: Counting objects: 100% (83/83), done. 
 +remote: Compressing objects: 100% (52/52), done. 
 +remote: Total 83 (delta 42), reused 68 (delta 27), pack-reused 0 (from 0) 
 +Receiving objects: 100% (83/83), 10.82 KiB | 5.41 MiB/s, done. 
 +Resolving deltas: 100% (42/42), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-angular&apos;... 
 +remote: Enumerating objects: 66, done. 
 +remote: Counting objects: 100% (66/66), done. 
 +remote: Compressing objects: 100% (45/45), done. 
 +remote: Total 66 (delta 33), reused 53 (delta 21), pack-reused 0 (from 0) 
 +Receiving objects: 100% (66/66), 11.62 KiB | 1.06 MiB/s, done. 
 +Resolving deltas: 100% (33/33), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-vue&apos;... 
 +remote: Enumerating objects: 85, done. 
 +remote: Counting objects: 100% (85/85), done. 
 +remote: Compressing objects: 100% (56/56), done. 
 +remote: Total 85 (delta 41), reused 73 (delta 29), pack-reused 0 (from 0) 
 +Receiving objects: 100% (85/85), 14.36 KiB | 1.60 MiB/s, done. 
 +Resolving deltas: 100% (41/41), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-liquid&apos;... 
 +remote: Enumerating objects: 114, done. 
 +remote: Counting objects: 100% (114/114), done. 
 +remote: Compressing objects: 100% (76/76), done. 
 +remote: Total 114 (delta 64), reused 85 (delta 36), pack-reused 0 (from 0) 
 +Receiving objects: 100% (114/114), 23.78 KiB | 2.38 MiB/s, done. 
 +Resolving deltas: 100% (64/64), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-less&apos;... 
 +remote: Enumerating objects: 76, done. 
 +remote: Counting objects: 100% (76/76), done. 
 +remote: Compressing objects: 100% (39/39), done. 
 +remote: Total 76 (delta 38), reused 70 (delta 32), pack-reused 0 (from 0) 
 +Receiving objects: 100% (76/76), 14.37 KiB | 7.18 MiB/s, done. 
 +Resolving deltas: 100% (38/38), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/lang-yaml&apos;... 
 +remote: Enumerating objects: 68, done. 
 +remote: Counting objects: 100% (68/68), done. 
 +remote: Compressing objects: 100% (43/43), done. 
 +remote: Total 68 (delta 33), reused 57 (delta 23), pack-reused 0 (from 0) 
 +Receiving objects: 100% (68/68), 11.73 KiB | 5.86 MiB/s, done. 
 +Resolving deltas: 100% (33/33), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/legacy-modes&apos;... 
 +remote: Enumerating objects: 1304, done. 
 +remote: Counting objects: 100% (371/371), done. 
 +remote: Compressing objects: 100% (205/205), done. 
 +remote: Total 1304 (delta 201), reused 323 (delta 164), pack-reused 933 (from 1) 
 +Receiving objects: 100% (1304/1304), 667.92 KiB | 883.00 KiB/s, done. 
 +Resolving deltas: 100% (751/751), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/theme-one-dark&apos;... 
 +remote: Enumerating objects: 304, done. 
 +remote: Counting objects: 100% (69/69), done. 
 +remote: Compressing objects: 100% (51/51), done. 
 +remote: Total 304 (delta 32), reused 50 (delta 16), pack-reused 235 (from 1) 
 +Receiving objects: 100% (304/304), 39.37 KiB | 485.00 KiB/s, done. 
 +Resolving deltas: 100% (133/133), done. 
 +Cloning into &apos;/home/tomoyan/my_projects/codemirror6_dev/merge&apos;... 
 +remote: Enumerating objects: 647, done. 
 +remote: Counting objects: 100% (274/274), done. 
 +remote: Compressing objects: 100% (137/137), done. 
 +remote: Total 647 (delta 194), reused 204 (delta 137), pack-reused 373 (from 1) 
 +Receiving objects: 100% (647/647), 149.27 KiB | 604.00 KiB/s, done. 
 +Resolving deltas: 100% (412/412), done.
 Running npm install Running npm install
-<b class="WHI BBLK">npm</b> <b class="BLK BYEL">WARN</b> <b class=MAG>deprecated</b> sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead+<span style="background-color:#171421"><font color="#D0CFCC">npm</font></span> <span style="background-color:#A2734C"><font color="#171421">WARN</font></span> <font color="#A347BA">deprecated</font> inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. 
 +<span style="background-color:#171421"><font color="#D0CFCC">npm</font></span> <span style="background-color:#A2734C"><font color="#171421">WARN</font></span> <font color="#A347BA">deprecated</font> glob@8.1.0: Glob versions prior to v9 are no longer supported
 Building modules Building modules
 Building... Building...
-Done in 19.43s+Done in 23.25s
 </pre></html></WRAP> </pre></html></WRAP>
 </WRAP> </WRAP>
行 249: 行 384:
 <WRAP color_term> <WRAP color_term>
 <WRAP color_command><html><pre> <WRAP color_command><html><pre>
-<b class=GRN>$</b> <b class=HIY>npm</b> run dev+<font color="#0087FF"><b>$</b></font> <font color="#26A269">npm</font> run dev
 </pre></html></WRAP> </pre></html></WRAP>
 <WRAP color_result><html><pre> <WRAP color_result><html><pre>
  
-> dev +&gt; dev 
-> node bin/cm.js devserver+&gt; node bin/cm.js devserver
  
 Starting compilation in watch mode... Starting compilation in watch mode...
-Found 0 errors. Watching for file changes. +state/src/transaction.ts(510,65): error TS2322: Type &apos;readonly T[] | NonNullable&lt;T&gt;&apos; is not assignable to type &apos;T&apos;. 
-Bundling state, view, language, commands, search, autocomplete, lint, collab, language-data, codemirror, lang-javascript, lang-java, lang-json, lang-cpp, lang-php, lang-python, lang-css, lang-html, lang-sql, lang-rust, lang-xml, lang-markdown, lang-lezer, lang-wast, lang-angular, lang-vue, theme-one-dark, merge+  &apos;T&apos; could be instantiated with an arbitrary type which could be unrelated to &apos;readonly T[] | NonNullable&lt;T&gt;&apos;. 
 + 
 +Found 1 error. Watching for file changes. 
 +Bundling state, view, language, commands, search, autocomplete, lint, collab, language-data, codemirror, lang-javascript, lang-java, lang-json, lang-cpp, lang-php, lang-python, lang-go, lang-css, lang-sass, lang-html, lang-sql, lang-rust, lang-xml, lang-markdown, lang-lezer, lang-wast, lang-angular, lang-vue, lang-liquid, lang-less, lang-yaml, theme-one-dark, merge
 Dev server listening on 8090 Dev server listening on 8090
 Bundling done. Bundling done.
行 269: 行 407:
 </WRAP> </WRAP>
  
-===== CodeMirror 5 =====+====== CodeMirror 5 ======
  
 ==== インストール ==== ==== インストール ====
行 1069: 行 1207:
  
 ==== 動作確認 ==== ==== 動作確認 ====
 +===== CodeMirror test 🤔 =====
 <WRAP mincode src><code javascript> <WRAP mincode src><code javascript>
-<div class="embed_codemirror">+<div class="embedCodeMirror"> 
 +  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/lib/codemirror.css"> 
 +  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/theme/cobalt.css"> 
 +  
   <style>   <style>
-    /* +    #dokuwiki__content .embedCodeMirror .CodeMirror * { 
-    @import '/_media/javascript/codemirror/5.65.12/lib/codemirror.css'; +      font-family: "HackGen Console NFJ"; 
-    @import '/_media/javascript/codemirror/5.65.12/theme/cobalt.css'; +      font-size: 10px;
-    */ +
- +
-    .dokuwiki pre { +
-      box-shadow: unset;+
     }     }
-    .embed_codemirror .CodeMirror * { +    #dokuwiki__content .embedCodeMirror .CodeMirror { 
-      font-family: "HackGen Console NFJ", Arial, monospace; +      height: 200px;
-      font-size: 11px;+
     }     }
-    .select-theme .form-control { width: auto; display: inline-block; }+    /*.select-theme .form-control { width: auto; display: inline-block; }*/
   </style>   </style>
- +  
-  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/lib/codemirror.css"> +
-  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/theme/cobalt.css">+
   <script src="/_media/javascript/codemirror/5.65.12/lib/codemirror.js"></script>   <script src="/_media/javascript/codemirror/5.65.12/lib/codemirror.js"></script>
   <!-- 言語に応じたjsファイルを読み込む -->   <!-- 言語に応じたjsファイルを読み込む -->
   <script src="/_media/javascript/codemirror/5.65.12/mode/javascript/javascript.js"></script>   <script src="/_media/javascript/codemirror/5.65.12/mode/javascript/javascript.js"></script>
      
-  <textarea id="editor_js"> +  <script> 
-  var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor_js'), { +    'use strict'; 
-    mode: "javascript", +    window.CodeMirror5 = CodeMirror; // 5.65.12 を保持 
-    theme: "cobalt", +    // DOMContentLoaded 時に実行 
-    lineNumbers: true, +    document.addEventListener('DOMContentLoaded', () => { 
-    indentUnit: 4 +      var jsEditor = CodeMirror5.fromTextArea(document.getElementById('embedCodeMirrorText'), { 
-  }); +        mode: "javascript", 
-  </textarea> +        theme: "cobalt", 
-  CodeMirror Version: <label id="lblCdMirrVer"></label>+        lineNumbers: true, 
 +        indentUnit: 4 
 +      }).setSize(null, "auto"); 
 +      document.getElementById('lblCdMirrVer').innerText = CodeMirror5.version; 
 + 
 +      var input = document.getElementById("select"); 
 +      function selectTheme() { 
 +        var theme = input.options[input.selectedIndex].textContent; 
 +        editor.setOption("theme", theme); 
 +        location.hash = "#" + theme; 
 +      } 
 +    }); 
 +  </script>
      
-  <script> +  <textarea id="embedCodeMirrorText"> 
-  var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor_js'), {+  var jsEditor = CodeMirror.fromTextArea(document.getElementById('embedCodeMirrorText'), {
     mode: "javascript",     mode: "javascript",
     theme: "cobalt",     theme: "cobalt",
行 1110: 行 1257:
     indentUnit: 4     indentUnit: 4
   }).setSize(null, "auto");   }).setSize(null, "auto");
-  document.getElementById('lblCdMirrVer').innerText = CodeMirror.version; +  </textarea> 
-  </script>+  <div class="select-theme"> 
 +    <!-- <p>Theme: <select onchange="selectTheme()" id="select"></select></p> --> 
 +    <p>CodeMirror Version: <label id="lblCdMirrVer"></label></p> 
 +  </div>
 </div> </div>
 </code></WRAP> </code></WRAP>
 +
 <html> <html>
-<div class="embed_codemirror CodeMirror-wrap">+<div class="embedCodeMirror"> 
 +  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/lib/codemirror.css"> 
 +  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/theme/cobalt.css"> 
 +  
   <style>   <style>
-    /* +    #dokuwiki__content .embedCodeMirror .CodeMirror * { 
-    @import '/_media/javascript/codemirror/5.65.12/lib/codemirror.css'; +      font-family: "HackGen Console NFJ"; 
-    @import '/_media/javascript/codemirror/5.65.12/theme/cobalt.css'; +      font-size: 10px;
-    */ +
-     +
-    .dokuwiki pre { +
-      box-shadow: unset;+
     }     }
-    .embed_codemirror .CodeMirror * { +    #dokuwiki__content .embedCodeMirror .CodeMirror { 
-      font-family: "HackGen Console NFJ", Arial, monospace; +      height: 200px;
-      font-size: 11px;+
     }     }
-    .select-theme .form-control { width: auto; display: inline-block; }+    /*.select-theme .form-control { width: auto; display: inline-block; }*/
   </style>   </style>
- +  
-  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/lib/codemirror.css"> +
-  <link rel="stylesheet" href="/_media/javascript/codemirror/5.65.12/theme/cobalt.css">+
   <script src="/_media/javascript/codemirror/5.65.12/lib/codemirror.js"></script>   <script src="/_media/javascript/codemirror/5.65.12/lib/codemirror.js"></script>
   <!-- 言語に応じたjsファイルを読み込む -->   <!-- 言語に応じたjsファイルを読み込む -->
   <script src="/_media/javascript/codemirror/5.65.12/mode/javascript/javascript.js"></script>   <script src="/_media/javascript/codemirror/5.65.12/mode/javascript/javascript.js"></script>
      
-  <textarea id="editor_js"> +  <script> 
-  var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor_js'), {+    'use strict'; 
 +    window.CodeMirror5 = CodeMirror; // 5.65.12 を保持 
 +    // DOMContentLoaded 時に実行 
 +    document.addEventListener('DOMContentLoaded', () => { 
 +      var jsEditor = CodeMirror5.fromTextArea(document.getElementById('embedCodeMirrorText'), { 
 +        mode: "javascript", 
 +        theme: "cobalt", 
 +        lineNumbers: true, 
 +        indentUnit: 4 
 +      }).setSize(null, "auto"); 
 +      document.getElementById('lblCdMirrVer').innerText = CodeMirror5.version; 
 + 
 +      var input = document.getElementById("select"); 
 +      function selectTheme() { 
 +        var theme = input.options[input.selectedIndex].textContent; 
 +        editor.setOption("theme", theme); 
 +        location.hash = "#" + theme; 
 +      } 
 +    }); 
 +  </script> 
 +   
 +  <textarea id="embedCodeMirrorText"> 
 +  var jsEditor = CodeMirror.fromTextArea(document.getElementById('embedCodeMirrorText'), {
     mode: "javascript",     mode: "javascript",
     theme: "cobalt",     theme: "cobalt",
行 1150: 行 1319:
     <p>CodeMirror Version: <label id="lblCdMirrVer"></label></p>     <p>CodeMirror Version: <label id="lblCdMirrVer"></label></p>
   </div>   </div>
-  <script> 
-  var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor_js'), { 
-    mode: "javascript", 
-    theme: "cobalt", 
-    lineNumbers: true, 
-    indentUnit: 4 
-  }).setSize(null, "auto"); 
-  document.getElementById('lblCdMirrVer').innerText = CodeMirror.version; 
-   
-  var input = document.getElementById("select"); 
-  function selectTheme() { 
-    var theme = input.options[input.selectedIndex].textContent; 
-    editor.setOption("theme", theme); 
-    location.hash = "#" + theme; 
-  } 
-  </script> 
 </div> </div>
  
   <!--<script>   <!--<script>
-    document.querySelector('.wrap_mincode_long.wrap_src pre.code').innerText = document.querySelector('.embed_codemirror').innerHTML;+    document.querySelector('.wrap_mincode_long.wrap_src pre.code').innerText = document.querySelector('.embedCodeMirror').innerHTML;
   </script>-->   </script>-->
 </html> </html>
行 1175: 行 1328:
 ===== CodeMirror plugin for DokuWiki ===== ===== CodeMirror plugin for DokuWiki =====
 [[https://www.dokuwiki.org/plugin:codemirror|plugin:codemirror [DokuWiki]]]\\ [[https://www.dokuwiki.org/plugin:codemirror|plugin:codemirror [DokuWiki]]]\\
-ソースコード: [[https://gitlab.com/albertgasset/dokuwiki-plugin-codemirror|Albert Gasset / dokuwiki-plugin-codemirror · GitLab]]\\+ソースコード: [[glb>albertgasset/dokuwiki-plugin-codemirror|Albert Gasset / dokuwiki-plugin-codemirror · GitLab]]\\ 
 +　　　　　　 [[git>cosmocode/dokuwiki-plugin-codemirror|GitHub - cosmocode/dokuwiki-plugin-codemirror: This project is now hosted on GitLab https://gitlab.com/albertgasset/dokuwiki-plugin-codemirror]]\\
  
 <WRAP color_term> <WRAP color_term>
  • javascript/codemirror.1681000034.txt.gz
  • 最終更新: 2023/04/09 09:27
  • by ともやん