{"id":29493448,"url":"https://github.com/4msar/text-editor","last_synced_at":"2026-02-03T09:37:28.906Z","repository":{"id":304372041,"uuid":"1018598741","full_name":"4msar/text-editor","owner":"4msar","description":"Simple Text editor in the internet.","archived":false,"fork":false,"pushed_at":"2025-07-12T16:51:30.000Z","size":30,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-12T18:32:43.077Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://text-editor-msar.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/4msar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-12T15:57:55.000Z","updated_at":"2025-07-12T16:51:34.000Z","dependencies_parsed_at":"2025-07-12T18:32:45.421Z","dependency_job_id":"1bebcd32-f7b6-4821-9035-6ad3f722db6a","html_url":"https://github.com/4msar/text-editor","commit_stats":null,"previous_names":["4msar/text-editor"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/4msar/text-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4msar%2Ftext-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4msar%2Ftext-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4msar%2Ftext-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4msar%2Ftext-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/4msar","download_url":"https://codeload.github.com/4msar/text-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4msar%2Ftext-editor/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265445157,"owners_count":23766439,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-15T16:15:26.619Z","updated_at":"2026-02-03T09:37:28.879Z","avatar_url":"https://github.com/4msar.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Text Editor\n\nA clean, simple, and powerful web-based text editor built with Vue 3, TypeScript, and Tailwind CSS. Perfect for quick note-taking, writing, and editing various file formats directly in your browser.\n\n## ✨ Features\n\n- **📝 Rich Text Editing**: Clean, distraction-free writing experience with a monospace font\n- **🌓 Dark/Light Mode**: Toggle between themes or use system default\n- **📊 Real-time Stats**: Live character, word, and line counting\n- **📁 File Support**: Drag \u0026 drop files or open with keyboard shortcuts\n- **⌨️ Keyboard Shortcuts**: Efficient text formatting and file operations\n- **🎨 Syntax Detection**: Automatic language detection for code highlighting\n- **💾 Auto-save**: Content automatically persists in local storage\n- **⚙️ Customizable**: Adjustable font size and theme preferences\n- **📱 Responsive**: Works great on desktop and mobile devices\n\n## 🚀 Demo\n\n**Live Demo**: [https://text.msar.me](https://text.msar.me)\n\n![Light Mode Demo](./public/light.png)\n![Dark Mode Demo](./public/dark.png)\n\n## 🔧 Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/4msar/text-editor.git\ncd text-editor\n```\n\n2. Install dependencies:\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. Start the development server:\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\n4. Open your browser and visit `http://localhost:5173`\n\n## 📖 Usage\n\n### Basic Editing\n- Start typing in the main text area\n- Your content is automatically saved to local storage\n- Use the status bar to monitor character, word, and line counts\n\n### File Operations\n- **Open File**: Press `Ctrl+O` (or `Cmd+O` on Mac) to browse and open a file\n- **Drag \u0026 Drop**: Simply drag a file from your computer into the editor\n- **Supported Formats**: Text files, Markdown, JSON, JavaScript, TypeScript, HTML, CSS, Vue, and many more\n\n### Keyboard Shortcuts\n- `Ctrl+O` / `Cmd+O` - Open file\n- `Ctrl+,` / `Cmd+,` - Open settings\n- `Ctrl+B` / `Cmd+B` - Bold text\n- `Ctrl+I` / `Cmd+I` - Italic text\n- `Ctrl+U` / `Cmd+U` - Underline text\n- `Ctrl+K` / `Cmd+K` - Insert link\n\n### Settings\nPress `Ctrl+,` (or `Cmd+,` on Mac) to access settings:\n- **Theme**: Choose between Light, Dark, or System Default\n- **Font Size**: Adjust the editor font size for comfortable reading\n\n## 🎯 Supported File Types\n\nThe editor supports a wide range of file formats including:\n\n**Text \u0026 Documentation**: `.txt`, `.md`, `.csv`, `.log`  \n**Web Technologies**: `.html`, `.css`, `.scss`, `.sass`, `.less`, `.js`, `.ts`, `.jsx`, `.tsx`, `.vue`  \n**Programming Languages**: `.py`, `.java`, `.cpp`, `.c`, `.h`, `.php`, `.rb`, `.go`, `.rs`, `.swift`, `.kt`  \n**Data \u0026 Config**: `.json`, `.xml`, `.yaml`, `.yml`, `.ini`, `.cfg`, `.conf`, `.env`, `.toml`  \n**And many more...**\n\n## 🛠️ Development\n\n### Build for Production\n```bash\nnpm run build\n# or\nyarn build\n```\n\n### Preview Production Build\n```bash\nnpm run preview\n# or\nyarn preview\n```\n\n### Tech Stack\n- **Framework**: Vue 3 with Composition API\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS\n- **Build Tool**: Vite\n- **State Management**: VueUse (for localStorage and utilities)\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is open source. Please check with the repository owner for license details.\n\n## 👨‍💻 Author\n\n**Saiful Alam Rakib** - [@4msar](https://github.com/4msar)\n\n---\n\n**🌟 Star this repository if you find it helpful!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4msar%2Ftext-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F4msar%2Ftext-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4msar%2Ftext-editor/lists"}