·tiptap
</>

tiptap

Erstellt Rich-Text-Editoren mit Tiptap, einem kopflosen ProseMirror-basierten Editor-Framework für React mit Tailwind v4-Unterstützung. Behandelt SSR-sichere Einrichtung, Bild-Uploads, Prosa-Styling, gemeinsame Bearbeitung und Markdown-Unterstützung. Verwenden Sie diese Option, wenn Sie einen Rich-Text-Editor hinzufügen, Tiptap-Erweiterungen konfigurieren, Bild-Uploads in Editoren verwalten oder die gemeinsame Bearbeitung mit Y.js einrichten. Verwendung für Tiptap, Rich Text, Editor, Prosemirror, React, Tailwind.

25Installationen·2Trend·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill tiptap

So installieren Sie tiptap

Installieren Sie den KI-Skill tiptap schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/oakoss/agent-skills --skill tiptap
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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) |

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/oakoss/agent-skills --skill tiptap
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from oakoss/agent-skills

Schnelle Antworten

Was ist tiptap?

Erstellt Rich-Text-Editoren mit Tiptap, einem kopflosen ProseMirror-basierten Editor-Framework für React mit Tailwind v4-Unterstützung. Behandelt SSR-sichere Einrichtung, Bild-Uploads, Prosa-Styling, gemeinsame Bearbeitung und Markdown-Unterstützung. Verwenden Sie diese Option, wenn Sie einen Rich-Text-Editor hinzufügen, Tiptap-Erweiterungen konfigurieren, Bild-Uploads in Editoren verwalten oder die gemeinsame Bearbeitung mit Y.js einrichten. Verwendung für Tiptap, Rich Text, Editor, Prosemirror, React, Tailwind. Quelle: oakoss/agent-skills.

Wie installiere ich tiptap?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/oakoss/agent-skills --skill tiptap Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/oakoss/agent-skills