javascript:codemirror

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
javascript:codemirror [2025/04/08 07:30] – [ビルドツールを使わない方法] ともやんjavascript:codemirror [2025/04/17 13:47] (現在) – [ビルドツールを使わない方法] ともやん
行 15: 行 15:
   {   {
     "imports": {     "imports": {
-      "codemirror": "https://esm.sh/codemirror"+      "codemirror": "https://esm.sh/codemirror",
       "view": "https://esm.sh/@codemirror/view@^6.36.5",       "view": "https://esm.sh/@codemirror/view@^6.36.5",
       "state": "https://esm.sh/@codemirror/state@^6.5.2",       "state": "https://esm.sh/@codemirror/state@^6.5.2",
       "commands": "https://esm.sh/@codemirror/commands@^6.8.1",       "commands": "https://esm.sh/@codemirror/commands@^6.8.1",
 +      "language": "https://esm.sh/@codemirror/language@^6.11.0"
     }     }
   }   }
 </script> </script>
 <script type="module"> <script type="module">
-  import {javascript} from 'https://esm.sh/@codemirror/lang-javascript' +  import { javascript } from 'https://esm.sh/@codemirror/lang-javascript' 
-  import {basicSetup} from 'https://esm.sh/codemirror' +  import { basicSetup } from 'https://esm.sh/codemirror@6.0.1
-  import {EditorView, keymap} from 'https://esm.sh/@codemirror/view@^6.36.5' +  import { EditorView, keymap } from 'https://esm.sh/@codemirror/view@^6.36.5' 
-  import {defaultKeymap} from 'https://esm.sh/@codemirror/commands@^6.8.1'+  import { defaultKeymap } from 'https://esm.sh/@codemirror/commands@^6.8.1'
   //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'   //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'
   import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'   import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'
行 34: 行 35:
  
 <script type="module"> <script type="module">
-  import {javascript} from 'https://esm.sh/@codemirror/lang-javascript' +  import { javascript } from 'https://esm.sh/@codemirror/lang-javascript' 
-  import {basicSetup} from 'https://esm.sh/codemirror' +  import { basicSetup } from 'https://esm.sh/codemirror@6.0.1
-  import {EditorView, keymap} from 'https://esm.sh/@codemirror/view@^6.36.5' +  import { EditorView, keymap } from 'https://esm.sh/@codemirror/view@^6.36.5' 
-  import {defaultKeymap} from 'https://esm.sh/@codemirror/commands@^6.8.1'+  import { defaultKeymap } from 'https://esm.sh/@codemirror/commands@^6.8.1'
   //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'   //import { solarizedDark } from 'https://esm.sh/cm6-theme-solarized-dark'
   import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'   import { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'
行 49: 行 50:
       javascript({typescript: true}),       javascript({typescript: true}),
       monokai,       monokai,
 +      EditorView.theme({
 +        '.cm-scroller': {
 +          fontFamily: 'HackGen Console NF',
 +        }
 +      })
     ],     ],
   })   })
行 58: 行 64:
       javascript({typescript: true}),       javascript({typescript: true}),
       monokai,       monokai,
 +      EditorView.theme({
 +        '.cm-scroller': {
 +          fontFamily: 'HackGen Console NF',
 +        }
 +      })
     ],     ],
   })   })
行 63: 行 74:
  
 </html> </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)のインストール方法 ===== ===== CodeMirror 6 開発版(dev)のインストール方法 =====
  • javascript/codemirror.1744065015.txt.gz
  • 最終更新: 2025/04/08 07:30
  • by ともやん