编辑器 - 集成 Tiptap 编辑器 - 《Tiptap 文档 - 帮助手册 - 教程》

Tiptap 是 ProseMirror 的无头封装，ProseMirror 是一个富文本 WYSIWYG 编辑器工具包，被《纽约时报》《卫报》和 Atlassian 等公司用于其内容工作流。

为什么使用 Tiptap 编辑器？

Tiptap 允许你使用模块化构建块创建完全可自定义的富文本编辑器。它提供了一系列开源和 Pro 扩展，使你可以通过几行代码配置编辑器的每个部分。其 API 允许你自定义和扩展编辑器功能。

Tiptap 可在多个框架中使用，包括 React、Vue、Svelte 等。开发者通常使用原生 JavaScript 集成，将 Tiptap 适配到自己偏好的框架。了解如何将 Tiptap 集成到你的框架。

默认情况下，Tiptap 不提供用户界面，让你完全掌控其设计和行为。你无需覆盖类、使用 !important 或其他 hack 技巧，而是可以在自己的配置中创建自定义界面。

如果你想快速开始，我们提供了一个 Notion 风格的模板作为参考。

集成 Tiptap 编辑器 - 图1

一个简洁的界面，提供基于区块的编辑工具，让用户创建和组织内容。

试用 Demo | 获取访问权限

使用扩展来扩展编辑器功能，可以添加新特性或修改行为。这些扩展包括不更改 schema 的基础扩展，以及可以渲染丰富内容的复杂节点和标记。

你可以从 StarterKit 开始，它包含常见的扩展。

我们提供一系列开源扩展和更高级的 Pro 扩展。关于如何使用和创建扩展的详细说明，请访问我们的扩展文档和自定义扩展指南。

此外，开发者可以使用 Awesome Tiptap Repository 交流和分享社区创建的自定义扩展。