/OnlineNotepad

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.

Primary LanguageJavaScriptMIT LicenseMIT

Online Notepad by BKPKVIDEO

Online best notepad for todays era

Preview of the tool

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 support@bkpkvideo.com.

Enjoy using Online Notepad by BKPKVIDEO!