Tiptapify

עורך טקסט עשיר Tiptap 3 עבור Vue 3, עם סרגל כלים ב-Vuetify 3

סטטוס בטא

הפרויקט נמצא כעת בשלב בטא. הוא שלם מבחינת התכונות, אך עדיין ייתכנו בו באגים שיש לתקן.

תכונות

רכיבי Vuetify 3

סרגל כלים יפה בסגנון Material Design, שנבנה כולו מרכיבי Vuetify 3

יותר מ-30 תוספים

עיצוב טקסט עשיר, הטמעת מדיה, טבלאות, בלוקי קוד עם הדגשת תחביר

פקודות לוכסן

הקלידו / כדי להפעיל תפריט הוספה מהירה של כותרות, רשימות, מדיה ועוד

בינאום

יותר מ-20 שפות נתמכות דרך vue-i18n

ערכת נושא כהה

תמיכה אוטומטית במצב כהה/בהיר, המשתלבת עם ערכת הנושא של Vuetify

TypeScript

תמיכה מלאה ב-TypeScript, עם טיפוסים מיוצאים לכל פריטי סרגל הכלים וה-props

התחלה מהירה

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>

תלויות Peer

Tiptapify דורש Vue 3.x, Vuetify 3.x או 4.x, vue-i18n 11+ ו-@mdi/js כתלויות peer. ראו את מדריך ההתקנה להגדרה המלאה.

רישיון

MIT — מאגר GitHub