Skip to content

Line Breaker Plugin

Helper to insert a new paragraph between HTML elements where the cursor cannot be placed e.g. tables.


Plugin options:

lineBreakerHorizontalOffset
Number -
The distance in pixels from the left or right of an element at which to show the line-breaker.

Default: 10
lineBreakerOffset
Number -
The distance in pixels from the top or bottom of an element at which to show the line-breaker.

Default: 20
lineBreakerTags
Array -
The list of HTML tags between which the line-breaker should appear.

Default: ['table', 'hr', 'form', 'dl', 'span.fr-video', '.fr-embedly', '.fr-img-caption']

Add Plugin to your code:

Plugin name: lineBreaker

Plugin JS Script: ../js/plugins/line_breaker.min.js

Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/line_breaker.min.js

Plugin CSS link: ../css/plugins/line_breaker.min.css


Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/plugins/line_breaker.min.css


Example :

● Add Line Breaks
File: 15714