Days
Hours
Minutes
Seconds
x

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

Skip to content
Froala Documentation

Char Counter Plugin

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

Display the number of characters at the bottom bar of the editor and will be updated with every character you add or remove. Also, it allows you to limit the number of characters that a user can enter in the editor.


Plugin options:

charCounterCount
Boolean - Default: True
Enables or disables the display of the character counter.
charCounterMax
Number - Default: -1
The maximum number of characters allowed to be inserted into the rich text editor. -1 means that there is no limit set.

Plugin methods:

charCounter.count()
returns: Integer
Returns the number of characters in the editor.

Plugin events:

charCounter.exceeded ()
Triggered when the maxCharNumber was exceeded.
charCounter.update () Triggered when the charCounter should update.

Add Plugin to your code:

Plugin name: charCounter

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

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

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


Example :

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.