ينشئ محررات نصوص منسقة باستخدام Tiptap، وهو إطار عمل محرر قائم على ProseMirror بدون رأس لدعم React مع دعم Tailwind v4. يغطي الإعداد الآمن لـ SSR، وتحميل الصور، والتصميم النثري، والتحرير التعاوني، ودعم تخفيض السعر. يُستخدم عند إضافة محرر نص منسق، أو تكوين ملحقات Tiptap، أو التعامل مع تحميلات الصور في المحررين، أو إعداد التحرير التعاوني باستخدام Y.js. يستخدم للنقر، والنص المنسق، والمحرر، والمرآة النثرية، والتفاعل، والرياح الخلفية.
ثبّت مهارة الذكاء الاصطناعي tiptap بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: oakoss/agent-skills.
Tiptap is a headless rich text editor built on ProseMirror, providing a modular extension system for React applications. It supports React 19, Tailwind v4, and SSR frameworks like Next.js. Use when building blog editors, comment systems, documentation tools, or Notion-like collaborative apps. Do NOT use with Create React App (CRA is incompatible with Tiptap v3 ESM module structure; use Vite instead).
| Create editor | useEditor({ extensions: [StarterKit], immediatelyRender: false }) | | Render editor | | | Prose styling | Add className="prose dark:prose-invert max-w-none" to container | | Configure StarterKit | StarterKit.configure({ heading: { levels: [1, 2, 3] } }) |
| Disable undo/redo | StarterKit.configure({ undoRedo: false }) (required for Y.js collab) | | Image upload | Set allowBase64: false, use upload handler with URL replacement | | Markdown support | import { Markdown } from '@tiptap/markdown' (official, open-source) |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/oakoss/agent-skills --skill tiptapينشئ محررات نصوص منسقة باستخدام Tiptap، وهو إطار عمل محرر قائم على ProseMirror بدون رأس لدعم React مع دعم Tailwind v4. يغطي الإعداد الآمن لـ SSR، وتحميل الصور، والتصميم النثري، والتحرير التعاوني، ودعم تخفيض السعر. يُستخدم عند إضافة محرر نص منسق، أو تكوين ملحقات Tiptap، أو التعامل مع تحميلات الصور في المحررين، أو إعداد التحرير التعاوني باستخدام Y.js. يستخدم للنقر، والنص المنسق، والمحرر، والمرآة النثرية، والتفاعل، والرياح الخلفية. المصدر: oakoss/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill tiptap بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/oakoss/agent-skills