editor.getJSON()
editor.getHTML()
viewof editor = {
const root = html`<div />`
const editor = new tiptap.Editor({
element: root,
editable: false,
extensions: [tiptap.StarterKit, tiptap.Highlight, tiptap.TextStyle, tiptap.Link],
content: `<span style=".superClass">The cool kids can apply monospace fonts aswell.</span>`
})
root.value = editor
return root
}
logToConsole = function(){
console.log("from logtoconsole")
}
editor.chain()
.setLink({ href: "javascript:logToConsole()", rel: "noopener noreferrer", class: "myLink" })
.insertContent("SOME")
.run()
{
var links = document.querySelectorAll('.myLink');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function(event) {
event.preventDefault(); // Prevent the default behavior of the link
logToConsole();
});
}
}
tiptapStyle = import(`//cdn.skypack.dev/@tiptap/extension-text-style@${tiptapVersion}?min`).then(module => module.default)
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.
