Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- user:hof:pyeditor [2024-05-21 20:39] – [Bottom.ch with direct component] hof
+++ user:hof:pyeditor [2025-03-18 08:06] (aktuell) – hof
@@ Zeile 1: / Zeile 1: @@
 # Inline Python Editors
 ## Bottom.ch with iframe
 With iframe on bottom.ch/ksr/py/embed.html, which is based on pyodide and codemirror.
 <code html>
-<html><iframe frameborder="0" width="100%" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed.html?autorun&code=print%28%27Hello%2C+dokuwiki%21%27%29"></iframe></html></code>
+<html><iframe frameborder="0" width="100%" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed_old.html?autorun&code=print%28%27Hello%2C+dokuwiki%21%27%29"></iframe></html></code>
+<html><iframe frameborder="0" width="100%" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed_old.html?autorun&code=print%28%27Hello%2C+dokuwiki%21%27%29"></iframe></html>
-<html><iframe frameborder="0" width="100%" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed.html?autorun&code=print%28%27Hello%2C+dokuwiki%21%27%29"></iframe></html>
 ## Bottom.ch with direct component
 <code html>
@@ Zeile 13: / Zeile 14: @@
 <html><script type="module" src="https://bottom.ch/ksr/ed/bottom-editor.js"></script></html>
-<!-- Include a custom component in HTML. -->
+<!-- Include a custom component in HTML. Use height, min-height, max-height to control the size. -->
-<html><bottom-editor>print(42)</bottom-editor></html>
+<html><bottom-editor style="min-height: 10lh;">print(42)</bottom-editor></html>
 </code>
 <html><script type="module" src="https://bottom.ch/ksr/ed/bottom-editor.js"></script></html>
-<html><bottom-editor>print(42)
+<html><bottom-editor style="min-height: 10lh;">print(42)</bottom-editor></html>
-print(21)</bottom-editor></html>
 ## JupyterLite
@@ Zeile 29: / Zeile 30: @@
   width="100%"
   height="500px"></iframe></code>
+<HTML><iframe
+  src="https://jupyterlite.github.io/demo/repl/index.html"
+  width="100%"
+  height="500px"></iframe></HTML>