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

npm install
npm run dev

cd server
go get
go run main.go

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
.vscode		.vscode
images		images
public		public
server		server
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.prettierrc.json		.prettierrc.json
README.md		README.md
env.d.ts		env.d.ts
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.config.json		tsconfig.config.json
tsconfig.json		tsconfig.json
tsconfig.vitest.json		tsconfig.vitest.json
vite.config.ts		vite.config.ts