แพ็กเกจอย่างเป็นทางการ · เฟรมเวิร์ก

ตัวแก้ไข rich text แบบแก้ไขร่วมกันสำหรับ Filament

ช่องข้อความแบบ rich text ที่หลายคนพิมพ์พร้อมกันได้ เหมือน Google Docs การแก้ไขรวมกันเองอัตโนมัติ พร้อมเคอร์เซอร์แบบสดและอวาตาร์ของคนที่กำลังแก้ไข ค่าเป็น HTML เหมือน RichEditor และบันทึกเรคคอร์ดด้วยปุ่มบันทึกตามปกติ

hibira-io/filament-collabPackagist ↗GitHub ↗

• สร้างบน Yjs และ TipTap: ไม่ต้องล็อก และไม่มีข้อผิดพลาด "มีคนอื่นบันทึกเรคคอร์ดนี้แล้ว"
• การแก้ไขถูกเก็บลงฐานข้อมูลของคุณขณะที่ทุกคนพิมพ์ คนที่เปิดหน้าทีหลัง หรือกลับมาหลังหลุดการเชื่อมต่อ จึงทำต่อจากจุดที่ทุกคนอยู่ได้
• รองรับ Filament 3, 4 และ 5 มีภาษาอังกฤษ จีนตัวเต็ม จีนตัวย่อ ญี่ปุ่น เกาหลี ไทย และเวียดนาม

ลงชื่อเข้าใช้เพื่อดูโค้ดตัวอย่างเหล่านี้พร้อมโฮสต์คลัสเตอร์ของคุณเอง ลงชื่อเข้าใช้

1. ติดตั้ง

   composer require hibira-io/filament-collab
   php artisan hibira:install
   php artisan migrate

2. ตั้งค่า

   use Hibira\Filament\HibiraPlugin;
   use Hibira\FilamentCollab\HibiraCollabPlugin;
   
   public function panel(Panel $panel): Panel
   {
       return $panel
           ->plugins([
               HibiraPlugin::make(),
               HibiraCollabPlugin::make(),
           ]);
   }

3. ใช้งาน

   use Hibira\FilamentCollab\Forms\Components\CollaborativeEditor;
   
   CollaborativeEditor::make('body')
       ->placeholder('Write the announcement…')
       ->columnSpanFull(),

ก่อนเริ่ม

• ซีเคร็ตของแอปจะแสดงเพียงครั้งเดียว ตอนสร้างแอปหรือตอนหมุนเวียนซีเคร็ต เก็บไว้บนเซิร์ฟเวอร์เท่านั้น ห้ามใส่ในเบราว์เซอร์หรือไฟล์บิลด์ของเกม
• เปิด "อนุญาตอีเวนต์ฝั่งไคลเอนต์" ในการตั้งค่าแอป: เคอร์เซอร์ส่งระหว่างเบราว์เซอร์เป็นอีเวนต์ฝั่งไคลเอนต์ ส่วนข้อความไม่ต้องใช้
• HTML ของช่องนี้มาจากเบราว์เซอร์: ทำความสะอาดก่อนแสดงให้คนอื่นเห็น เช่น ด้วย sanitizeHtml()

ใช้ app key จากแดชบอร์ดของคุณ ส่วน secret ให้เก็บไว้บนเซิร์ฟเวอร์เท่านั้น ช่อง อีเวนต์ และ endpoint การยืนยันสิทธิ์ทำงานเหมือนกับที่ใช้กับ Pusher ทุกประการ สร้างบัญชีฟรีของคุณ →