Tiptapify

Trình soạn thảo văn bản đa dạng Tiptap 3 cho Vue 3 với thanh công cụ xây dựng bằng Vuetify 3

Trạng thái Beta

Dự án hiện đang ở giai đoạn Beta. Các tính năng đã đầy đủ nhưng vẫn có thể còn một số lỗi cần sửa.

Tính năng

Các thành phần Vuetify 3

Thanh công cụ Material Design đẹp mắt, được xây dựng hoàn toàn bằng các thành phần Vuetify 3

Hơn 30 extension

Định dạng văn bản, nhúng phương tiện, bảng, khối mã với tô sáng cú pháp

Lệnh Slash

Nhập / để mở menu chèn nhanh tiêu đề, danh sách, phương tiện và nhiều hơn nữa

Đa ngôn ngữ

Hỗ trợ hơn 20 ngôn ngữ thông qua vue-i18n

Giao diện tối

Tự động hỗ trợ chế độ tối/sáng, tích hợp với theme Vuetify của bạn

TypeScript

Hỗ trợ TypeScript đầy đủ với các kiểu được xuất cho mọi mục thanh công cụ và props

Bắt đầu nhanh

bash

npm i tiptapify
# or
pnpm i tiptapify

vue

<script setup lang="ts">
const handleEditorReady = (options) => {
  console.log('HTML:', options.getHTML())
  console.log('JSON:', options.getJSON())
}
</script>

<template>
  <Tiptapify
    placeholder="Start writing..."
    @editor-ready="handleEditorReady"
  />
</template>

Phụ thuộc ngang hàng (Peer Dependencies)

Tiptapify yêu cầu Vue 3.x, Vuetify 3.x hoặc 4.x, vue-i18n 11+ và @mdi/js làm peer dependencies. Xem hướng dẫn cài đặt để biết đầy đủ cách thiết lập.

Giấy phép

MIT — Kho GitHub