This tool was designed to speed up my work formatting HTML inputs while visually previewing what the text will look like.
To add any HTML Tags: Simply select the text and click any of the tags; they'll appear at the start and end. To insert a breakline click where needed; a line break will appear there. To add a link, paste the URL, click "a" tag; link wraps the selected text.
Handling Multiple Lines: Selecting lines and click the break tag adds a break between them, pressing "li" converts each sentence into a list item.
Text capitalization: Adjusts the capitalization of the selected text.
Font Preview: Allows us to change the font family of titles, text and links to preview how they will appear.
Next Js + Typescript + Tailwind. Deploy: https://html-text-tool.vercel.app/
This is a work in progress. This app still needs to undergo a redesign to be mobile-friendly (which currently is not)
My future development plans include:
- Change font size of the text heading depending in the type of heading
- Dark and light theme
- Multiple language support