如何安装@tiptap

Tiptap是一个富文本编辑器库，常用于构建可定制的Markdown编辑器。要在项目中安装Tiptap，你需要在支持npm（Node Package Manager）的环境中操作。以下是基本步骤：

1. **初始化项目（如果尚未完成）**:
- 确保你有Node.js环境，打开终端或命令提示符。
- 使用`npm init`创建一个新的项目文件夹并初始化项目。

2. **安装Tiptap**:
- 在项目的根目录下运行命令:

     npm install @tiptap/tiptap @tiptap/extension-emoji @tiptap/extension-image @tiptap/extension-link @tiptap/extension-list @tiptap/extension-code-block

这里安装了几个基础插件，如表情、图片、链接、列表和代码块，你可以根据需要添加其他插件。

3. **引入库**:
在你的JavaScript或TypeScript文件中，通过`import`语句导入Tiptap库及其所需的插件：

   import { Editor } from '@tiptap/tiptap';

4. **配置和实例化**:
创建一个Editor实例，并配置你想使用的选项，例如设置光标样式、语言等。例如：

   const editor = new Editor({
     extensions: ['emoji', 'image', 'link', 'list', 'codeBlock'],
     placeholder: '开始输入...',
   });

5. **挂载到DOM**:
将编辑器实例附加到HTML元素上，以便用户可以交互：

   document.getElementById('my-editor').appendChild(editor.container);

6. **使用编辑器**:
你可以通过`editor.commands`访问Tiptap提供的命令集，并处理用户的输入。