October Special:  Up to 30% off on all plans for new users
Days
Hours
Minutes
Seconds
x
Skip to content
Froala Documentation

Lists Plugin

Plugins are fully functional during your trial once you've added your trial key to the setup.

Allows users to insert lists in the editor, not just the basic lists like numbers and bullets but also advanced types such as lower greek or upper roman.


Plugin options:

listAdvancedTypes
Boolean 		Enables list advanced types for the bullets.

Default: true

preserveListMarkerStyle
Boolean 		Controls how bold and italic are saved when they are applied to a whole list item. When set to true, the formatting is added to the <li> element as font-weight or font-style, so the bullet or number is also bold or italic. When set to false, the editor keeps semantic <strong> and <em> tags inside the item and leaves the marker unchanged. Set it to false when your content goes to email templates, screen-reader-sensitive pages, or a Markdown export, where semantic tags work better than inline styles. Default: true

Default: true

Plugin methods:

lists.format (tag_name)
returns: Object		 Format the selected paragraphs as a list.

● Tag_name: The type of the list to format. Possible values are: OL and UL.
Type: String

Commands:

formatOL Triggered when insertOrderedList command is executed.
formatUL Triggered when insertUnorderedList command is executed.

Add Plugin to your code:

Plugin name: lists

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

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

Plugin CSS link:


Example

● List Advanced type
Back to Plugins

Ready to dive in? Explore our plans

See plans