tiptap 实现复制代码块功能

Tiptap是一个富文本编辑器库，它允许你在网页上创建交互式的文档，包括支持代码块的功能。在Tiptap中，要实现实体（如代码块）的复制功能，通常会利用Markdown或者HTML的`code`标签来表示代码片段。当你点击代码块时，Tiptap可能会提供复制按钮，用户可以直接复制代码内容。

要实现这个功能，你需要做以下几步：

1. **配置**: 在Tiptap的配置中，添加对`code`元素的支持，并指定其样式（通常是预格式化文本）。

import { Editor } from 'tiptap';

const editor = new Editor({
  schema: {
    blocks: [
      // ...其他块
      { type: 'code', content: '<pre><code class="language-javascript">...</code></pre>' },
    ],
  },
});

2. **事件处理**: 当用户点击代码块时，监听相应的点击事件，例如`"block.code"`，然后触发复制操作。

editor.on('input', ({ state }) => {
  if (state.doc.nodeAt(state.selection.from)?.type === 'code') {
    const codeText = state.doc.textBetween(state.selection.from, state.selection.to);
    navigator.clipboard.writeText(codeText); // 使用浏览器API复制到剪贴板
  }
});

3. **UI展示**: 可能还需要在前端展示明确的提示信息，告知用户可以复制代码。

请注意，这只是一个基本示例，实际应用中可能需要考虑更多的细节，比如处理代码高亮显示、语法检测等。