Public
Edited
Apr 23
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
mutable input = ""
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
## Readability
Insert cell
Insert cell
Insert cell
Insert cell
## setup
Insert cell
MozillaReadability = await import('https://esm.sh/@mozilla/readability')
Insert cell
Readability = MozillaReadability.Readability
Insert cell
Turndown = (await import('https://esm.sh/turndown')).default
Insert cell
service = new Turndown({
headingStyle: "atx"
})
Insert cell
formats = ["auto", "text/html", "text/plain", "text/url", "text/url-list", "text"]
Insert cell
{
window.format = format;

const f = format == "auto" ? "text/html" : format;
const value = window.clipboardData?.[f];
if (value) {
textarea.value = value;
textarea.dispatchEvent(new Event("input"));
}
}
Insert cell
Insert cell
<div>css style</div>
<style>
.fb-404 {
max-width: 5em;
max-height: 1em;
bottom: 1em;
right: 1em;
transition: all 0.2s;
}
.fb-404:hover {
max-width: 12em;
max-height: 8em;
}
.svg-preview > svg {
color: #0f766e;
/* fill: #22d3ee; */
/* stroke-color: #4ade80; */
min-width: 2rem;
min-height: 2rem;
max-width: 4rem;
max-height: 4rem;
}
</style>
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more