html2notebook
v1.2.1
Published
Convert static HTML files to notebooks
Downloads
624
Readme
html2notebook
html2notebook is a conversion tool that let's you translate HTML to notebooks.
| Notebook type | File extension | Supported | | :------------------------------------------------------------------------: | :------------: | :-------: | | CAP Notebook | .capnb | ✓ | | Jupyter Notebook | .ipynb | ✓ |
Installation
npm install html2notebookUsage
Let's consider we have the following file test.html as input:
<html>
<div class="n1">
<div class="n2">
TEXT N2
<div class="n4">
<div class="n10"></div>
</div>
<code class="n5"
>CODE N5
<div class="n11">TEXT N11</div>
<div class="n12"></div>
</code>
<div class="n6">TEXT N6</div>
</div>
<div class="n3">
<div class="n7"></div>
<div class="n8">TEXT N8</div>
<code class="n9">CODE N9</code>
</div>
</div>
</html>To generate a type Jupyter notebook:
const { html2notebook } = require("html2notebook");
const html = fs.readFileSync("test.html", "utf8");
const nb = html2notebook(html);
console.log(nb);This produces the following output:
{
"metadata": {
"language_info": {
"name": "python"
},
"orig_nbformat": 4
},
"nbformat": 4,
"nbformat_minor": 2,
"cells": [
{
"attachments": {},
"metadata": {},
"cell_type": "markdown",
"source": [
"<html>",
" <div class=\"n1\">",
" <div class=\"n2\">",
" TEXT N2",
" <div class=\"n4\">",
" <div class=\"n10\"></div>",
" </div>",
" </div></div></html>"
]
},
{
"metadata": {},
"execution_count": null,
"outputs": [],
"cell_type": "code",
"source": [
"CODE N5",
" "
]
},
{
"attachments": {},
"metadata": {},
"cell_type": "markdown",
"source": [
"<html><div class=\"n1\"><div class=\"n2\">",
" <div class=\"n6\">TEXT N6</div>",
" </div>",
" <div class=\"n3\">",
" <div class=\"n7\"></div>",
" <div class=\"n8\">TEXT N8</div>",
" </div></div></html>"
]
},
{
"metadata": {},
"execution_count": null,
"outputs": [],
"cell_type": "code",
"source": [
"CODE N9"
]
},
{
"attachments": {},
"metadata": {},
"cell_type": "markdown",
"source": [
"<html><div class=\"n1\"><div class=\"n3\">",
" </div>",
" </div>",
"</html>"
]
}
]
}