Migration from tiptap v.1 to tiptap v.2

• tiptap-custom-link-vue-router

  1 7 4.3 TypeScript

  Example of custom tiptap v2 link that is using vue router

It took me about three days of work to migrate from tiptap v1 to tiptap v2. It includes migration for a custom extension that uses a Vue router for links. The tiptap's team did a good job with the migration guide, thank you. It was straightforward and easy to do.

• tiptap

  81 23,734 9.6 TypeScript

  The headless rich text editor framework for web artisans.

  

migrateExtensions(content) { for (const node of content) { // tiptap 2 migrate extensions type from v.1 to v2. // https://tiptap.dev/overview/upgrade-guide#new-names-for-most-extensions if (node.type === "bullet_list") node.type = "bulletList"; if (node.type === "code_block") node.type = "codeBlock"; if (node.type === "hard_break") node.type = "hardBreak"; if (node.type === "horizontal_rule") node.type = "horizontalRule"; if (node.type === "list_item") node.type = "listItem"; if (node.type === "ordered_list") node.type = "orderedList"; if (node.type === "table_cell") node.type = "tableCell"; if (node.type === "table_header") node.type = "tableHeader"; if (node.type === "table_row") node.type = "tableRow"; if (node.type === "todo_list") node.type = "taskList"; if (node.type === "todo_item") node.type = "todo_item"; // recursion if (node.content && node.content.length > 0) migrateExtensions(node.content); } }

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project