29:null 2a:["$","title",null,{"children":"Using tiptap with Links | Oskar Kocol | Observable"}] 2f:[] 2d:{"id":"5e77fd0eaed2f1a6","slug":null,"title":"Using tiptap with Links","thumbnail":"b0bf9190f3748f9b9edf7cb87ed04a57e4493afe922d2a006e35175ffddd0f6c","access_level":"public","create_time":"$D2023-11-08T23:36:50.771Z","update_time":"$D2023-11-09T00:03:35.107Z","view_time":null,"first_public_time":"$D2023-11-08T23:36:50.771Z","fork":{"id":"46b818aaccca1f1a","slug":"using-tiptap","title":"Using tiptap","owner":{"id":"8a1645a08dfd342c","login":"hastebrot","name":"Benjamin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b8807525f27e4242","login":"oskarkocol","name":"Oskar Kocol","avatar_url":"https://avatars-next.observableusercontent.com/0876af0bb4bcf45532ba08c9cda269a362e299c5f90bd9b35d51e619256712c9","tier":"starter_2024"},"version":144,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"05413685191805d6","login":"oskarkocol","name":"Oskar Kocol","avatar_url":"https://avatars-next.observableusercontent.com/0876af0bb4bcf45532ba08c9cda269a362e299c5f90bd9b35d51e619256712c9","tier":null}],"members":[{"type":"individual","id":"05413685191805d6","login":"oskarkocol","name":"Oskar Kocol","avatar_url":"https://avatars-next.observableusercontent.com/0876af0bb4bcf45532ba08c9cda269a362e299c5f90bd9b35d51e619256712c9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Using tiptap with Links","cells":[{"id":0,"value":"# Using tiptap with Links\n\n**A headless editor framework**\n\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":88,"value":"editor.getJSON()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"editor.getHTML()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":127,"value":"logToConsole = function(){\nconsole.log(\"from logtoconsole\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":132,"value":"\n\n Click me\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":21,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":60,"value":"tiptapCore = import(`//cdn.skypack.dev/@tiptap/core@${tiptapVersion}?min`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":117,"value":"tiptapLink = import(`//cdn.skypack.dev/@tiptap/extension-link@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":108,"value":"tiptapStyle = import(`//cdn.skypack.dev/@tiptap/extension-text-style@${tiptapVersion}?min`).then(module => module.default)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":91,"value":"tiptapHighlight = import(`//cdn.skypack.dev/@tiptap/extension-highlight@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":64,"value":"tiptapStarterKit = import(`//cdn.skypack.dev/@tiptap/starter-kit@${tiptapVersion}?min`).then(module => module.default)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"tiptapVersion = \"2.1.12\" // https://www.npmjs.com/package/@tiptap/core?activeTab=versions","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"