Tiptap

Paket

Headless rich text editor framework for React, Vue and plain JavaScript

Fiyat: Free, open source; paid cloud plans
Erişim: None for the open-source editor

Hakkında

Headless, extensible rich text editor framework on ProseMirror, with 100+ extensions for React, Vue, Svelte and plain JavaScript. The editor is MIT and free; Tiptap Cloud adds paid real-time collaboration, comments, AI editing and DOCX or PDF conversion, from $49/month billed yearly.

Neler yapabilirsin

Add a Notion-style rich text editor to a React or Vue app
Build WYSIWYG comment and post fields with bold, lists, links and mentions
Add real-time collaboration, comments and DOCX export with Tiptap Cloud

Başlarken

Run npm install @tiptap/core @tiptap/pm @tiptap/starter-kit
Create an Editor with StarterKit on a DOM element

Örnek kod

import { Editor } from "@tiptap/core";
import StarterKit from "@tiptap/starter-kit";

const editor = new Editor({
  element: document.querySelector("#editor"),
  extensions: [StarterKit],
  content: "<p>Hello World!</p>",
});
console.log(editor.getHTML());

Ayrıntılar

Barındırma: Kendi bilgisayarında, Hazır hizmet (bulut)
Kullanılabildiği yerler: Tüm dünya
Resmi SDK'lar: JavaScript/TypeScript
MCP sunucusu: Yok