{"id":22691663,"url":"https://github.com/hashimthepassionate/markdown-editor","last_synced_at":"2026-04-20T10:05:59.701Z","repository":{"id":266431462,"uuid":"898305199","full_name":"HashimThePassionate/markdown-editor","owner":"HashimThePassionate","description":"A sleek, user-friendly Markdown editor with live preview, autosave, rich formatting toolbar, and syntax highlighting. Perfect for creating documentation, notes, or blog posts with ease! 💻✨","archived":false,"fork":false,"pushed_at":"2024-12-04T07:50:07.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T16:42:53.186Z","etag":null,"topics":["css","html","javascript","live-preview","markdown","markdown-documentation","markdown-editor","markdown-tools","real-time-editing"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HashimThePassionate.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"License","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}},"created_at":"2024-12-04T06:48:58.000Z","updated_at":"2024-12-20T05:30:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"4c443f82-65aa-41ef-aea7-0b276433f9ee","html_url":"https://github.com/HashimThePassionate/markdown-editor","commit_stats":null,"previous_names":["hashimthepassionate/markdown-editor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/HashimThePassionate/markdown-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fmarkdown-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fmarkdown-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fmarkdown-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fmarkdown-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HashimThePassionate","download_url":"https://codeload.github.com/HashimThePassionate/markdown-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fmarkdown-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32042319,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","html","javascript","live-preview","markdown","markdown-documentation","markdown-editor","markdown-tools","real-time-editing"],"created_at":"2024-12-10T01:11:53.707Z","updated_at":"2026-04-20T10:05:59.682Z","avatar_url":"https://github.com/HashimThePassionate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Advanced Markdown Editor 📝🚀\n\nWelcome to the **Advanced Markdown Editor**! This project provides a sleek and user-friendly interface for creating and previewing Markdown documents in real-time. Whether you're writing documentation, notes, or blog posts, this editor is designed to enhance your Markdown editing experience. 💻✨\n\n---\n\n## 📋 Table of Contents 📚\n\n1. [Features ✨](#features)\n2. [Live Demo 🌐](#live-demo)\n3. [Installation 🛠️](#installation)\n4. [Usage 📝](#usage)\n5. [Project Structure 📁](#project-structure)\n6. [Technologies Used ⚙️](#technologies-used)\n7. [Contributing 🤝](#contributing)\n8. [License 📜](#license)\n9. [Contact 📞](#contact)\n\n---\n\n## ✨ Features ✨\n\n- **Live Preview 👀**: See your Markdown rendered in real-time as you type.\n- **Rich Toolbar 🛠️**: Access common Markdown formatting options with ease.\n- **Autosave 💾**: Your work is automatically saved to local storage to prevent data loss.\n- **Responsive Design 📱**: Optimized for both desktop and mobile devices.\n- **Customizable 🎨**: Easily tweak styles and functionalities to fit your needs.\n- **Syntax Highlighting 🔍**: Enhanced readability for code blocks with syntax highlighting.\n\n---\n\n## 🌐 Live Demo 🌐\n\nExperience the **Advanced Markdown Editor** in action:\n\n🔗 [Live Preview Link](https://hashimthepassionate.github.io/markdown-editor/)\n\n---\n\n## 🛠 Installation 🛠️\n\nFollow these steps to set up the project locally on your machine. 🖥️\n\n### 1. Clone the Repository 📥\n\n```bash\ngit clone https://github.com/hashimthepassionate/markdown-editor.git\n```\n\n### 2. Navigate to the Project Directory 📂\n\n```bash\ncd markdown-editor\n```\n\n### 3. Open the Editor 🌟\n\nSimply open the `index.html` file in your preferred web browser.\n\n- **Option 1**: Double-click the `index.html` file.\n- **Option 2**: Use the command line:\n\n  ```bash\n  open index.html  # For macOS 🍎\n  start index.html # For Windows 🖥️\n  xdg-open index.html # For Linux 🐧\n  ```\n\n---\n\n## 🖊️ Usage 📝\n\nOnce you've opened the editor, you can start typing your Markdown content in the left pane. The right pane will display a live preview of your rendered Markdown. 💡\n\n### 📄 Writing Markdown ✍️\n\nUtilize the toolbar to format your text:\n\n- **Bold**, *Italic*, ***Bold \u0026 Italic***\n- Create [Links 🌐](https://www.example.com)\n- Insert Images ![Alt Text 🖼️](https://www.example.com/image.jpg)\n- Add Code Blocks with Syntax Highlighting 🖥️\n- Generate Tables, Lists, Blockquotes, and more!\n\n### 🔄 Live Preview 🔄\n\nAs you type, the preview pane updates in real-time, allowing you to see the final rendered output instantly. 🪄\n\n---\n\n## 📁 Project Structure 📁\n\n```\nmarkdown-editor/\n├── index.html      # Main HTML file\n├── styles.css      # Custom CSS styles\n├── script.js       # JavaScript for functionality\n└── README.md       # Project documentation\n```\n\n---\n\n## ⚙️ Technologies Used ⚙️\n\n- **HTML5 🌐**: Structure of the application.\n- **CSS3 🎨**: Styling and responsive design.\n- **JavaScript (ES6) 🛠️**: Interactive functionalities.\n- **[EasyMDE 🖊️](https://github.com/Ionaru/easy-markdown-editor)**: A simple, embeddable, and beautiful Markdown editor.\n- **CDN Libraries 🌍**: Leveraging Content Delivery Networks for EasyMDE and other dependencies.\n\n---\n\n## 🤝 Contributing 🤝\n\nContributions are welcome! 💖 Whether it's reporting a bug, suggesting a feature, or submitting a pull request, your input is valuable.\n\n### How to Contribute 🌟\n\n1. **Fork the Repository 🍴**\n2. **Create a New Branch 🌿**\n\n   ```bash\n   git checkout -b feature/YourFeatureName\n   ```\n\n3. **Commit Your Changes 💾**\n\n   ```bash\n   git commit -m \"Add your message\"\n   ```\n\n4. **Push to the Branch 📤**\n\n   ```bash\n   git push origin feature/YourFeatureName\n   ```\n\n5. **Open a Pull Request 🔄**\n\nPlease ensure your contributions adhere to the project's coding standards and include relevant documentation or tests as necessary. 📝\n\n---\n\n## 📜 License 📜\nThis project is licensed under the [MIT License](./License). You are free to use, modify, and distribute this project as per the license terms. 🔓\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fmarkdown-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashimthepassionate%2Fmarkdown-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fmarkdown-editor/lists"}