tiptap 代码

代码扩展允许你在编辑器中使用 <code> HTML 标签。如果你粘贴带有 <code> 标签的文本，它将相应地显示。

尝试输入带有 <code> 的内容，如 back-ticks around，当你输入时，它会神奇地变成 内联代码。

安装

npm install @tiptap/extension-code

配置

HTMLAttributes

自定义要在渲染后的 HTML 标签上添加的自定义 HTML 属性。

Code.configure({
  HTMLAttributes: {
    class: "my-custom-class",
  },
});

命令

setCode()

标记文本为内联代码。

editor.commands.setCode();

toggleCode()

切换内联代码标记。

editor.commands.toggleCode();

unsetCode()

移除内联代码标记。

editor.commands.unsetCode();

快捷键

源代码

packages/extension-code/

使用示例

嵌入演示 - Code