Online Notepad by BKPKVIDEO

Online best notepad for todays era

Online Notepad by BKPKVIDEO is a feature-rich, web-based text editor designed for ease of use and functionality. It allows users to write, edit, and save text with a variety of tools and customization options. This project is fully responsive, ensuring a seamless experience on both desktop and mobile devices.

Features

• Auto-Save: Automatically saves your text locally as you type.
• Cut, Copy, Paste: Standard clipboard operations to manage your text efficiently.
• Replace Text: Find and replace text within your document.
• Select All and Delete All: Quickly select all text or clear the entire notepad.
• Print: Print your text directly from the browser.
• Export: Download your text in various formats including TXT, PDF, CSS, HTML, JS, PHP, and DOCX.
• Dark Mode: Toggle between light and dark mode for a comfortable viewing experience.
• Zoom In/Out: Adjust the text size for better readability.
• Undo/Redo: Easily revert and reapply changes.
• Share: Share your text via Facebook, Email, WhatsApp, Twitter (X), and LinkedIn.
• Preferences: Customize font size, font family, font weight, and text line visibility.
• Scroll to Top: Quickly scroll back to the top of the document.

Installation

No installation required. Simply open index.html in your web browser.

Usage

1. Open: Open the index.html file in any web browser.
2. Start Typing: Use the notepad to start typing your text.
3. Tool Functions:
   • Use the toolbar to cut, copy, paste, replace, select all, delete all, print, and share text.
   • Zoom in and out to adjust the text size.
   • Toggle dark mode using the dark mode button.
   • Open the preferences modal to customize the appearance and behavior of the notepad.
4. Save and Export:
   • Use the "Save As" button to download your text in various formats.
   • A popup will appear allowing you to rename the file before downloading.
5. Print: Use the print button to print your text.

Files and Structure

• index.html: The main HTML file containing the structure of the notepad.
• styles.css: The CSS file for styling the notepad and its components.
• script.js: The JavaScript file containing the logic for various functionalities.

Customization

Preferences

• Font Size: Choose from a range of font sizes.
• Font Family: Select from a variety of Google fonts.
• Font Weight: Adjust the font weight (normal, bold, lighter, bolder).
• Text Lines: Toggle the visibility of text lines.
• Auto-Save: Enable or disable auto-saving of text.

Dark Mode

• Toggle dark mode using the button in the toolbar.
• Dark mode preference is saved locally and applied on page reload.

Export Options

• TXT: Export text as a plain text file.
• PDF: Export text as a PDF file with pagination.
• CSS: Export text as a CSS file.
• HTML: Export text as an HTML file.
• JS: Export text as a JavaScript file.
• PHP: Export text as a PHP file.
• DOCX: Export text as a Word document.

Responsive Design

• The layout adjusts seamlessly between desktop and mobile views.
• On mobile devices, toolbar buttons display only icons for a cleaner interface.

Credits

• Developed by BKPKVIDEO.
• Icons provided by Font Awesome.
• Fonts provided by Google Fonts.

License

This project is open source and available under the MIT License.

Feedback

For feedback, questions, or issues, please contact us at [email protected].

---

Enjoy using Online Notepad by BKPKVIDEO!