javascript:preact

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
javascript:preact [2025/04/08 07:11] – ともやんjavascript:preact [2025/04/08 07:27] (現在) – [ビルドツールを使わない方法] ともやん
行 29: 行 29:
  
   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';
  
行 37: 行 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,
行 56: 行 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>
  
  • javascript/preact.1744063916.txt.gz
  • 最終更新: 2025/04/08 07:11
  • by ともやん