Next.js

حزمة React مع "use client"، فتستخدمها مباشرة من مكوّنات الخادم، وتربطها بـ Server Actions عبر name.

في هذه الصفحة

الحزمة@open-wysiwyg-editor/nextيتطلب Next.js 13.4+

التثبيت

الطرفية

npm install @open-wysiwyg-editor/next

الاستخدام

import "@open-wysiwyg-editor/next/style.css";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

معلومات مفيدة

استورد ملف التنسيق مرة واحدة في app/layout.tsx (أو pages/_app.tsx).
لا يستطيع مكوّن الخادم تمرير دوال مثل onChange. استخدم مكوّن عميل لذلك، أو استخدم name مع Server Action.
لا تحتاج إلى dynamic(…, { ssr: false })، فلا شيء يلمس window أو document أثناء التصيير.

عقّم دائمًا على الخادم

يعقّم المحرّر ما يحمّله وما ينتجه، لكن هذا ليس حدًّا أمنيًا: يستطيع أي شخص إرسال أي نص إلى واجهتك البرمجية. عقّم الـ HTML مرة أخرى بمكتبة تثق بها قبل تخزينه أو عرضه لمستخدمين آخرين.

عدّل هذه الصفحة على GitHub