探索 Tiptap V3 的最新功能

使用 Tiptap CLI

Tiptap CLI 帮助您快速搭建编辑器,安装 UI 组件或原件,并更快地配置 Tiptap。它消除了大量的手动工作,让您能够更快地开始构建编辑器功能。

它是为 Vite 或 Next.js 项目设计的。如果您使用其他框架,您需要从 开源代码库 手动集成 Tiptap。

使用方法

npx @tiptap/cli [命令] [选项]

命令

init

初始化您的项目并安装依赖项。此命令设置您的项目配置并添加任何指定的组件。

npx @tiptap/cli init

参数

  • components: 要添加的组件

选项

用法: @tiptap/cli init [选项] [组件...]

选项:
-f, --framework <framework>   要使用的框架(例如:next, vite)
-f, --force                   强制覆盖现有配置
-c, --cwd <cwd>               工作目录(默认为当前目录)
-s, --silent                  静默输出
--src-dir                     默认:创建新项目时使用 src 目录
--no-src-dir                  创建新项目时不使用 src 目录

add

向您的项目添加一个或多个组件。

npx @tiptap/cli add [组件]

示例

npx @tiptap/cli add button

选项

用法: @tiptap/cli add [选项] [组件...]

参数

    components          要添加的组件

选项

    -c, --cwd <cwd>     工作目录(默认为当前目录)
    -p, --path <path>   添加组件的路径
    -s, --silent        静默输出