kido1611 / tiptap-vuejs-example

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

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