Tiptapify

محرر نصوص منسقة Tiptap 3 لتطبيقات Vue 3 مع شريط أدوات مبني على Vuetify 3

حالة النسخة التجريبية

المشروع حاليًا في مرحلة Beta. ميزاته مكتملة، لكن قد تبقى فيه بعض الأخطاء التي تحتاج إلى إصلاح.

المميزات

مكونات Vuetify 3

شريط أدوات أنيق بتصميم Material Design مبني بالكامل من مكونات Vuetify 3

أكثر من 30 امتدادًا

تنسيق النصوص، وتضمين الوسائط، والجداول، وكتل الشيفرة مع تلوين الصيغة

أوامر الشرطة المائلة

اكتب / لفتح قائمة الإدراج السريع للعناوين والقوائم والوسائط وغيرها

التدويل

دعم أكثر من 20 لغة عبر vue-i18n

السمة الداكنة

دعم تلقائي للوضعين الداكن والفاتح يتكامل مع سمة Vuetify في مشروعك

TypeScript

دعم كامل لـ 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** كاعتماديات نظيرة (peer dependencies). راجع دليل التثبيت للاطلاع على الإعداد الكامل.

الترخيص

MIT — مستودع GitHub

Tiptapify ​

المميزات ​