Word and Character Counter

Content Type: Widget
Categories: Utility

Overview

  • Purpose:

    • A user-friendly component that allows users to input text while providing real-time feedback on character and word counts.
  • Key Features:

    • Character Limit Enforcement:
      • Prevents users from exceeding a specified character limit, truncating excess input automatically.
    • Paste Handling:
      • Truncates pasted text to ensure it fits within the character limit, maintaining the integrity of the input.
    • Word Count Calculation:
      • Automatically calculates and displays the total number of words typed by the user.
    • Customizable Display Options:
      • Users can toggle the visibility of character count, word count, and character limit feedback through props.
  • Use Cases:

    • Ideal for applications that require user input with limitations, such as forms, comments sections, or any text fields where character constraints are important (e.g., social media posts, messaging apps).
  • Integration:

    • Designed to be easily integrated into Mendix applications as a reusable widget, promoting consistent user experience across the platform.

Documentation

Typical usage scenario

Ideal for applications that require user input with limitations, such as forms, comments sections, or any text fields where character constraints are important

Features and limitations

  • Character Limit Enforcement:
    • Prevents users from exceeding a specified character limit, truncating excess input automatically.
  • Paste Handling:
    • Truncates pasted text to ensure it fits within the character limit, maintaining the integrity of the input.
  • Word Count Calculation:
    • Automatically calculates and displays the total number of words and character typed by the user.
  • Customizable Display Options:
    • Users can toggle the visibility of character count, word count, and character limit feedback
  • Works for Text-box and Text-area, doesn't support Rich text.
  • Styling and Feedback:

    • Provides visual feedback on character limit status using color coding (green, orange, red) based on the ratio of used characters to the limit.
    • The display of character and word counts is styled to enhance user experience.

Dependencies [optional]

9.23.0 and above

Known bugs [optional]

No as of now

 

Releases

Version: 1.0.0
Framework Version: 9.23.0
Release Notes: Provides real-time feedback on character and word counts, with flexibility to customize. Currently it supports only Text-box and Text-area