الصفحة الرئيسية>موارد بناء الموقع>موارد أخرى
تنزيل

tiptap لدايب

هذا امتداد Directus يوفر محرر Tiptap كنوع حقل نص غني.

تم تضمين حزمة Tiptap StarterKit بالفعل وتتوفر ملحقات TiptAP الأخرى في خيارات واجهة Directus.

  • حزمة NPM: @bicou/directus-extension-tiptap
  • ملاحظات الإصدار

متطلبات

يتطلب هذا الامتداد Directus 9 أو أعلى لتثبيت.

تثبيت

أضف @bicou/directus-extension-tiptap إلى مشروع DirectUS الخاص بك. 

 # Using pnpm
pnpm add @bicou/directus-extension-tiptap
# Using yarn
yarn add @bicou/directus-extension-tiptap
# Using npm
npm install @bicou/directus-extension-tiptap

الاستخدام

مجال

عند إنشاء حقل في Directus ، اختر Tiptap.

الخلق المجال

يتيح لك اختيار النوع لتخزين المحتوى الخاص بك ككائن JSON أو كسلسلة HTML القديمة الجيدة

  • JSON : كائن JSON من العقد Prosemirror
  • النص : محتوى HTML كسلسلة

محرر

عند تحرير عناصر المحتوى ، سيظهر محرر Tiptap WYSIWG:

محرر

بيانات الحقل والعرض

بشكل افتراضي ، يتم عرض البيانات على أنها json الخام:

تجسيد JSON

قم بتحرير الحقل لتحديد Tiptap كعرض ...

عرض

... لتقديم نص الحقل في تصفح المحتوى:

نص نص

رخصة

يتم إصدار هذا التمديد تحت رخصة معهد ماساتشوستس للتكنولوجيا. انظر ملف الترخيص لمزيد من التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل