javascript:preact

差分

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

この比較画面へのリンク

次のリビジョン		 前のリビジョン
javascript:preact [2025/04/07 16:40] – 作成 ともやんjavascript:preact [2025/04/08 07:27] (現在) – [ビルドツールを使わない方法] ともやん
行 21: 行 21:
 </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' 
-  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 { monokai } from 'https://esm.sh/@fsegurai/codemirror-theme-monokai'
  
   let myView = new EditorView({   let myView = new EditorView({
-    doc: `  // html +    doc: `<div id="app"></div>
-  //<div id="app"></div>+
  
 +<script type="module">
   import { h, Component, render } from 'https://esm.sh/preact';   import { h, Component, render } from 'https://esm.sh/preact';
  
行 35: 行 37:
   const app = h('h1', null, 'Hello World!');   const app = h('h1', null, 'Hello World!');
  
-  render(app, document.getElementById("app")); +  render(app, document.getElementById('app')); 
-`,+</scr`+`ipt>`,
     extensions: [keymap.of(defaultKeymap)],     extensions: [keymap.of(defaultKeymap)],
-    parent: document.getElementById("editor"),+    parent: document.getElementById('editor'),
     extensions: [     extensions: [
       basicSetup,       basicSetup,
       javascript({typescript: true}),       javascript({typescript: true}),
 +      monokai,
     ]     ]
   })   })
行 53: 行 56:
   const app = h('h1', null, 'Hello World!');   const app = h('h1', null, 'Hello World!');
  
-  render(app, document.getElementById("app"));+  render(app, document.getElementById('app'));
 </script> </script>
  
行 59: 行 62:
  
 ===== 参考文献 ===== ===== 参考文献 =====
-[[https://codemirror.net/examples/basic/|Basic Editor Example - codemirror]]\\+[[https://codemirror.net/examples/basic/|Basic Editor Example - CodeMirror]]\\
  
  • javascript/preact.1744011634.txt.gz
  • 最終更新: 2025/04/07 16:40
  • by ともやん