HardBreak extension

The HardBreak extensions adds support for the <br> HTML tag, which forces a line break.

Install

npm install @tiptap/extension-hard-break

Settings

HTMLAttributes

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

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

keepMarks

Decides whether to keep marks after a line break. Based on the keepOnSplit option for marks.

Default: true

HardBreak.configure({
  keepMarks: false,
})

Commands

setHardBreak()

Add a line break.

editor.commands.setHardBreak()

Keyboard shortcuts

Source code

packages/extension-hard-break/