2f:[] 2d:{"title":"Using tiptap with Button","cells":[{"id":0,"value":"# Using tiptap with Button\n\n**A headless editor framework**\n\n---","pinned":false,"hidden":false,"mode":"md"},{"id":88,"value":"editor.getJSON()","pinned":true,"hidden":false,"mode":"ojs"},{"id":137,"value":"editor.getHTML()","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"viewof editor = {\n const root = html`

`\n const editor = new tiptap.Editor({\n element: root,\n editable: false,\n extensions: [tiptap.StarterKit, tiptap.Highlight, tiptap.TextStyle, tiptap.Link],\n content: `The cool kids can apply monospace fonts aswell.`\n })\n\n root.value = editor\n return root\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"logToConsole = function(){\nconsole.log(\"from logtoconsole\")\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":100,"value":" editor.chain()\n .setLink({ href: \"javascript:logToConsole()\", rel: \"noopener noreferrer\", class: \"myLink\" })\n .insertContent(\"SOME\")\n .run()","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"{\n var links = document.querySelectorAll('.myLink');\n \n for (var i = 0; i < links.length; i++) {\n links[i].addEventListener('click', function(event) {\n event.preventDefault(); // Prevent the default behavior of the link\n logToConsole();\n });\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":132,"value":"\n\n Click me\n\n","pinned":false,"hidden":false,"mode":"html"},{"id":21,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"tiptap = ({\n ...tiptapCore,\n StarterKit: { ...tiptapStarterKit },\n Highlight: { ...tiptapHighlight },\n TextStyle: { ...tiptapStyle },\n Link: { ...tiptapLink},\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"tiptapCore = import(`//cdn.skypack.dev/@tiptap/core@${tiptapVersion}?min`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"tiptapLink = import(`//cdn.skypack.dev/@tiptap/extension-link@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"tiptapStyle = import(`//cdn.skypack.dev/@tiptap/extension-text-style@${tiptapVersion}?min`).then(module => module.default)","pinned":true,"hidden":false,"mode":"ojs"},{"id":91,"value":"tiptapHighlight = import(`//cdn.skypack.dev/@tiptap/extension-highlight@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"tiptapStarterKit = import(`//cdn.skypack.dev/@tiptap/starter-kit@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"tiptapVersion = \"2.1.12\" // https://www.npmjs.com/package/@tiptap/core?activeTab=versions","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}