หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ทรัพยากรอื่นๆ
ดาวน์โหลด

tiptap สำหรับ directus

นี่คือส่วนขยาย Directus ที่ให้ตัวแก้ไข TIPTAP เป็นประเภทฟิลด์ข้อความที่หลากหลาย

ชุดข้อมูล StarterKit TIPTAP รวมอยู่แล้วและส่วนขยาย 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 RAW:

JSON เรนเดอร์

แก้ไขฟิลด์เพื่อเลือก TIPTAP เป็นจอแสดงผล ...

แสดง

... เพื่อแสดงข้อความของฟิลด์ในการเรียกดูเนื้อหา:

ส่งข้อความ

ใบอนุญาต

ส่วนขยายนี้ได้รับการเผยแพร่ภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียดเพิ่มเติม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด