Days
Hours
Minutes
Seconds
x

New Froala Editor v5.0.0 is here โ€“ Learn More

Skip to content
Froala Documentation

Paragraph Style Plugin

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

Allows users to choose a style for the selected paragraph inside the WYSIWYG HTML editor.


Plugin options:

paragraphStyles
Object -
Set custom styles for the selected paragraph. The classes should be defined in CSS, otherwise no changes will be visible on the paragraph's appearance.
Default:
{
'fr-text-gray': 'Gray',
'fr-text-bordered': 'Bordered',
'fr-text-spaced': 'Spaced',
'fr-text-uppercase': 'Uppercase'
}
paragraphMultipleStyles
Boolean -
Allows multiple paragraph styles to be selected at a time.

Default: true

Plugin methods:

paragraphStyle.apply (value)
returns: Object
Style the selected paragraphs using CSS classes.
โ— value: The class to apply.
Type: String

Add Plugin to your code:

Plugin name: paragraphStyle

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

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

Plugin CSS link:


Example :

โ— Paragraph Styles

Ready to dive in? Explore our plans

Sign up

Download the code by signing up for our newsletter

Sign up

Download the code by signing up for our newsletter

Note: By registering, you confirm that you agree to the processing of your personal data by Froala, Inc. - Froala as described in the Privacy Statement. Froala, Inc. - Froala is part of the Idera group and may share your information with its parent company Idera, Inc., and its affiliates. For further details on how your data is used, stored, and shared, please review our Privacy Statement.