Nick Sauer adds Smart Word Processing Features to Rich Text Input

This Post was most recently updated on: 7/3/21
Current Version: 1.4.1
7/3/21 – Eric Smith – Added an * next to the Input Label when the Required attribute is True

Input Rich Text has been around for a while. It sports a nice toolbar and allow rich text creation. Nick Sauer has enhanced it with a number of killer new features that add business productivity, including Find and Replace, Autoreplace, and Blocklists. As you can see below, these new features are available via a swanky bottom toolbar, and can be turned on or off as a group.

You can pass in a map of terms that you want to automatically replace.

How it Works:

Use Case Example: Business has the need to enter customer-facing details that:

Blocks users from entering certain sensitive words/symbols
Automatically applies Trademarks (™) or other company-specific terminology.
Allows for Find & Replace tool to correct mistakes

Component Setup:

Parameter	I	O	Information
enableAdvancedTools	X		Boolean. Set to true if you want to use these enhanced rich text features. Default is false (regular input component)
autoReplaceMap	X		JSON formatted key:value map. (example => {“Test”: “GreatTest™”} )
disallowedSymbols	X		Comma-separated list of words to block. Example: /,@,*
disallowedWords	X		Comma-separated list of words to block. Example: bad,worse,worst
warnOnly	X		Boolean. Set to True if you want to allow Next even where disallowed Symbol or Word remains. Default is false.
value	X	X	Input and output Rich Text that you’ll be editing
label	X	X	Input to provide field-level label if desired (label not read only on v1, so left as-is to prevent breaking existing implementations).
characterCount			1) Character count is off by default. Set characterLimit to an integer value to show character count and limit. 2) If warnOnly is not set when characterLimit is on, then the Flow Next/Finish cannot be used until resolved