Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bantikumarsatlokashram/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.
https://github.com/bantikumarsatlokashram/onlinenotepad

notepad notepad-app notepad-application notepad-clone notepad-online notepad-plugin notepadpp online

Last synced: 6 days ago
JSON representation

Host: GitHub
URL: https://github.com/bantikumarsatlokashram/onlinenotepad
Owner: bantikumarsatlokashram
License: mit
Created: 2024-05-26T06:48:39.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-05-26T09:13:35.000Z (8 months ago)
Last Synced: 2024-06-27T06:26:36.031Z (7 months ago)
Topics: notepad, notepad-app, notepad-application, notepad-clone, notepad-online, notepad-plugin, notepadpp, online
Language: JavaScript
Homepage: https://www.bkpkvideo.com/tools/OnlineNotepad/
Size: 28.3 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Online Notepad by BKPKVIDEO
Online best notepad for todays era

![Preview of the tool ](https://www.bkpkvideo.com/wp-content/uploads/2024/05/thumbnail.png)

## 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](LICENSE).

## Feedback

For feedback, questions, or issues, please contact us at [[email protected]](mailto:[email protected]).

---

Enjoy using Online Notepad by BKPKVIDEO!