HorizontalRule extension

Use this extension to render a <hr> HTML tag. If you pass <hr> in the editor’s initial content, it’ll be rendered accordingly.

Type three dashes (---) or three underscores and a space (___ ) at the beginning of a new line and it will magically transform to a horizontal rule.

Install

npm install @tiptap/extension-horizontal-rule

Settings

HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

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

Commands

setHorizontalRule()

Create a horizontal rule.

editor.commands.setHorizontalRule()

Source code

packages/extension-horizontal-rule/