HorizontalRule

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.

#Installation

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/

#Usage