ashfinn/textlet

A Simple Text Editor

Textlet Text Editor

Textlet is a simple and intuitive text editor built using HTML, CSS, and JavaScript. It provides essential text formatting options and a dark mode feature to enhance the user experience.

Features

• Text Formatting: Bold, Italic, Underline, Strikethrough, Align Left, Center, Align Right.
• Font Size: Multiple font sizes to choose from.
• Text Color: Pick custom colors for your text.
• Add Links: Easily add hyperlinks to your text.
• Dark Mode: Toggle between light and dark modes for a comfortable editing experience.
• Instructions: A helpful popup with instructions on how to use the editor.

Demo

You can try out the Textlet editor here.

Screenshots

Usage

• Bold: Select text and click the bold button (B).
• Italic: Select text and click the italic button (I).
• Underline: Select text and click the underline button (U).
• Strikethrough: Select text and click the strikethrough button (S).
• Align Left: Click the align left button.
• Center: Click the center button.
• Align Right: Click the align right button.
• Font Size: Select a size from the dropdown menu.
• Text Color: Pick a color from the color input.
• Add Link: Enter a URL, select text, then click the add link button.
• Dark Mode: Click the "Toggle Dark Mode" button to switch between light and dark modes.
• Instructions: Click the "Instructions" button to view detailed usage instructions.

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

Acknowledgements

• Bootstrap: https://getbootstrap.com/
• Font Awesome: https://fontawesome.com/
• jQuery: https://jquery.com/

---

© 2024 Obidur Rahman. All rights reserved.