| Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung |
| user:hof:pyeditor [2024-02-27 19:24] – [First try: bottom.ch] hof | user:hof:pyeditor [2025-03-18 08:06] (aktuell) – hof |
|---|
| # First try: bottom.ch | # Inline Python Editors |
| | ## Bottom.ch with iframe |
| With iframe on bottom.ch/ksr/py/embed.html, which is based on pyodide and codemirror. | With iframe on bottom.ch/ksr/py/embed.html, which is based on pyodide and codemirror. |
| |
| <code html> | <code html> |
| <html><iframe frameborder="0" width="100%" style="height: 300px;" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed.html?autorun"></iframe></html> | <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> |
| | |
| | |
| | ## Bottom.ch with direct component |
| | <code html> |
| | <!-- Include the script once (or from a DokuWiki plugin, or from userscripts. --> |
| | <html><script type="module" src="https://bottom.ch/ksr/ed/bottom-editor.js"></script></html> |
| | |
| | <!-- Include a custom component in HTML. Use height, min-height, max-height to control the size. --> |
| | <html><bottom-editor style="min-height: 10lh;">print(42)</bottom-editor></html> |
| </code> | </code> |
| |
| <html><iframe frameborder="0" width="100%" style="height: 300px;" allow="clipboard-write" src="https://tkilla77.github.io/python_editor_wasm/embed.html?autorun"></iframe></html> | <html><script type="module" src="https://bottom.ch/ksr/ed/bottom-editor.js"></script></html> |
| |
| | <html><bottom-editor style="min-height: 10lh;">print(42)</bottom-editor></html> |
| |
| # Second try: JupyterLite | ## JupyterLite |
| |
| Also based on pyodide, but with jupyter support all around. | Also based on pyodide, but with jupyter support all around. |
| |
| <html><iframe | <code html><iframe |
| | src="https://jupyterlite.github.io/demo/repl/index.html" |
| | width="100%" |
| | height="500px"></iframe></code> |
| | |
| | |
| | <HTML><iframe |
| src="https://jupyterlite.github.io/demo/repl/index.html" | src="https://jupyterlite.github.io/demo/repl/index.html" |
| width="100%" | width="100%" |
| height="500px"></iframe></html> | height="500px"></iframe></HTML> |
hof