This browser extension provides many fully-configurable utilities for quickly manipulating, transforming, and/or copying selected and/or editable text.
- Over 30 text utilities included!
- All utilities can easily be renamed, enabled/disabled, and reordered through a built-in drag-and-drop editor.
- Utilities are automatically grouped for selected text vs. editable text when working with selected text in editable fields.
| Web Browser | Information & Downloads |
|---|---|
| Google Chrome |  |
| Microsoft Edge |  |
| Mozilla Firefox |   |
- Case Conversion
- Swap Case
- Convert to Camel Case
- Convert to Capital Case
- Convert to Constant
- Convert to Dot Case
- Convert to Header Case
- Convert to Lower Case
- Convert to Param Case
- Convert to Pascal Case
- Convert to Path Case
- Convert to Sarcasm
- Convert to Sentence Case
- Convert to Snake Case
- Convert to Title Case (AP Style)
- Convert to Title Case
- Convert to Upper Case
- Convert First Character to Lower Case
- Convert First Character to Upper Case
- URL
- Encode URI
- Decode URI
- Convert to Slug
- Convert to Slug (Preserve Case)
- Whitespace
- Trim Whitespace
- Trim Leading Whitespace
- Trim Trailing Whitespace
- Miscellaneous
- Reverse Text
- Reverse Text (Keep Directional Characters)
- Sort Lines (Ascending)
- Sort Lines (Descending)
- Base64
- Base64 Decode
- Base64 Decode (URL Safe)
- Base64 Encode
- Base64 Encode (URL Safe)
Contributions are always welcome! Even if you aren't comfortable coding, you can always submit new ideas and bug reports.
This extension is setup to be fully localized/translated into multiple languages, but for now English is the only language with full translations. If you are able to help localize/translate, please check out this guide. All of the text for the extension is stored here in the /app/_locales directory.
This extension uses the WebExtension Toolbox for development and build processes.
To build the extension from source code, you will need to use Node Package Manager (npm), which handles all of the dependencies needed for this project and is used to execute the various scripts for development/building/packaging/etc.
npm installThen you can run the development process (where the extension is auto-reloaded when changes are made) for your browser of choice:
npm run dev <chrome/edge/firefox>Or you can generate a production build for your browser of choice:
npm run build <chrome/edge/firefox>To make development easier, you can start up a temporary development profile on Mozilla Firefox or Google Chrome with the extension already loaded. The browser will also automatically detect changes and reload the extension for you (read more about this on the web-ext documentation pages). Use the following commands in parallel to re-build the extension and re-load it in Firefox/Chrome automatically as you make changes:
Firefox:
npm run dev firefox
npm run start:firefoxChrome:
npm run dev chrome
npm run start:chromeNote that you will need 2 terminal instances, one for each of the above commands, as they both remain running until you cancel them (use CTRL + c to cancel each process in your terminal(s)).