Tiptapify

Vue 3 के लिए Tiptap 3 रिच टेक्स्ट एडिटर, Vuetify 3 टूलबार के साथ

बीटा स्थिति

यह प्रोजेक्ट फ़िलहाल बीटा में है। इसकी सभी सुविधाएँ तैयार हैं, लेकिन कुछ बग अभी बाकी हो सकते हैं।

विशेषताएँ

Vuetify 3 कंपोनेंट

पूरी तरह Vuetify 3 कंपोनेंट से बना सुंदर Material Design टूलबार

30+ एक्सटेंशन

रिच टेक्स्ट फ़ॉर्मैटिंग, मीडिया एम्बेडिंग, टेबल और सिंटैक्स हाइलाइटिंग वाले कोड ब्लॉक

स्लैश कमांड

शीर्षक, सूचियाँ, मीडिया और बहुत कुछ जल्दी डालने वाला मेन्यू खोलने के लिए / टाइप करें

अंतर्राष्ट्रीयकरण

vue-i18n के ज़रिए 20+ भाषाओं का समर्थन

डार्क थीम

आपकी Vuetify थीम के साथ जुड़ने वाला स्वचालित डार्क/लाइट मोड समर्थन

TypeScript

सभी टूलबार आइटम और props के एक्सपोर्ट किए गए टाइप के साथ पूरा TypeScript समर्थन

त्वरित शुरुआत

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>

पीयर डिपेंडेंसी

Tiptapify को पीयर डिपेंडेंसी के रूप में Vue 3.x, Vuetify 3.x या 4.x, vue-i18n 11+ और @mdi/js चाहिए। पूरे सेटअप के लिए इंस्टॉलेशन गाइड देखें।

लाइसेंस

MIT — GitHub रिपॉज़िटरी

Tiptapify ​

विशेषताएँ ​