本项目基于 Tiptap 官方 experiment 项目 Slash Commands 重构为 React 版本。
功能概述
本项目实现了一个基于 Tiptap 编辑器的 Slash Command 功能,允许用户在编辑器中输入 / 触发命令建议列表,然后选择相应的命令执行操作,如添加标题、设置文本格式等。
本项目基于 Tiptap 官方 experiment 项目 Slash Commands 重构为 React 版本。
本项目实现了一个基于 Tiptap 编辑器的 Slash Command 功能,允许用户在编辑器中输入 / 触发命令建议列表,然后选择相应的命令执行操作,如添加标题、设置文本格式等。
Slash Commands allow users to trigger actions by typing / in the editor, displaying a list of available commands. This article will detail how to integrate Slash Commands into a Tiptap editor in Next.js.
This tutorial is based on the official Tiptap experiment Slash Commands, originally a Vue implementation ported to React.