Tiptap Example

Rich editor with Tiptap, Tailwind CSS, Headless UI, and Vue3 as frontend, combined with Go as backend to store image.

Feature list :

• History (Undo, Redo)
• Heading (1,2,3)
• Text style (Bold, Italic, Underline, Strikethrough)
• List (Ordered, Unordered)
• Link
• Image (+ example with Go as server)
• Blockquote
• Table (Delete table, add column, delete column, add row, delete row, merge or split cell)
• Youtube
• Horizontal line

Preview

https://kido1611-tiptap-vuejs-example.vercel.app/

Running Frontend

npm install
npm run dev

Running Backend

cd server
go get
go run main.go

Icon

• Tabler Icon
• Material Design Icon