项目

tiptap 水平线

使用这个扩展来渲染 <hr> HTML 标签。如果你在编辑器的初始内容中包含 <hr>,它会被相应地渲染。

在新的一行开始时输入三个破折号 (---) 或者三个下划线加一个空格 (___ ),它会神奇地变成一个水平线。

安装

npm install @tiptap/extension-horizontal-rule

配置

HTMLAttributes

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

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

命令

setHorizontalRule()

创建一个水平线。

editor.commands.setHorizontalRule();

源代码

packages/extension-horizontal-rule/

使用示例

Tiptap 预览

在本文档中