Website : www.getpynote.net
Embed, edit and run Python code and Jupyter Notebooks directly in any HTML page
To use Pynote, simply add
<script type="module" src="https://cdn.jsdelivr.net/gh/pynote/getpynote/pynote.js"></script>inside the section like this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML & Python / Notebook</title>
<script type="module" src="https://cdn.jsdelivr.net/gh/pynote/getpynote/pynote.js"></script>
</head>
<body>
<pynote>
name = 'pynote'
print(name)
</pynote>
</body>
</html>and write your tags as shown below.
You can add one or more Pynote tags (same type or different types) in a single HTML page.
Empty Python editor - demo
<pynote></pynote>Editor + code - demo
<pynote>
name = 'pynote'
print(name)
</pynote>Editor + Python file (.py file, either a file hosted on the server or a file loaded from a URL) - demo
<pynote src="https://domain.net/code.py"></pynote>Jupyter Notebooks (with editors) (.ipynb file, either a file hosted on the server or a file loaded from a URL) - demo
<pynote src="https://domain.net/notebook.ipynb"></pynote><pynote src="https://domain.net/notebook.ipynb" packages="requests" files="" readonly="true" ></pynote>