Nick Sauer adds Smart Word Processing Features to Rich Text Input
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 |
Component Input Example:
Installation:
Resources:
Also see https://unofficialsf.com/copy-paste-of-images-in-flow/
Old Versions