Text Replacer
Description
The Text Replacer tool is a versatile web-based application that allows users to quickly and efficiently replace specific words or phrases within a block of text. By defining replacement rules in a simple JSON format, users can make bulk edits—such as updating terminology, switching asset paths, or localizing content—without manually searching and replacing each instance. The tool also supports configuration sharing, with replacement settings encoded in the URL, making it easy to re-use or collaborate with others on text adjustments.
Goals
Provide a flexible tool for replacing multiple values within a text string using a user-defined JSON configuration.
Allow users to store and share configurations via URL-based base64 encoding, facilitating collaboration and re-use.
Challenges
Ensuring accurate replacement for all instances of each "from" value without altering unintended parts of the text.
Implementing a robust URL encoding and decoding mechanism to preserve JSON data integrity during sharing.
Resolutions
Developed a JSON-driven approach for defining replacement rules, giving users full control over text substitutions in a structured, repeatable way.
Encoded JSON configuration as base64 in the URL, enabling persistent and shareable configurations, simplifying collaborative workflows.
Tech
HTML
CSS
JavaScript
Node.js
webpack