Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/thisis-developer/markdown-viewer

The Markdown Viewer is a web app for previewing and editing Markdown text. You can input Markdown 📝, see the HTML output 👀, and perform actions like copying 📋, exporting 📤, and more.
https://github.com/thisis-developer/markdown-viewer

html-css-javascript javascript markdown markdown-editor markdown-parser readme

Last synced: about 1 month ago
JSON representation

The Markdown Viewer is a web app for previewing and editing Markdown text. You can input Markdown 📝, see the HTML output 👀, and perform actions like copying 📋, exporting 📤, and more.

Host: GitHub
URL: https://github.com/thisis-developer/markdown-viewer
Owner: ThisIs-Developer
License: apache-2.0
Created: 2024-04-08T18:18:31.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-08-23T07:54:51.000Z (3 months ago)
Last Synced: 2024-10-12T16:42:31.695Z (about 1 month ago)
Topics: html-css-javascript, javascript, markdown, markdown-editor, markdown-parser, readme
Language: HTML
Homepage: https://markdownviewer.pages.dev/
Size: 288 KB
Stars: 3
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Markdown Viewer

[![Apache 2.0 License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]

## Description ℹ️
This _Markdown Viewer_ is a simple web application that allows you to preview and manipulate Markdown text. You can input Markdown text, view the rendered HTML output, and perform various actions such as copying the text, exporting it in different formats, and more.

## Features 🚀
- *Sync scroll* option to synchronize scrolling between input and output.
- Choose different *preview* formats: HTML, PDF, or Markdown.
- *Export* the Markdown content as HTML, PDF, or Markdown file.
- *Import* HTML or Markdown content into the application.

## Usage 📝
![screencapture-127-0-0-1-5501-index-html-2024-04-12-20_50_14](https://github.com/ThisIs-Developer/Markdown-Viewer/assets/109382325/3f9a1e4e-6e02-40bd-b515-76c14405e5ee)

### UI Responsive 📱
screen_1
screen_2
screen_3
screen_4

## Resources 🛠️
- [Markdown-it](https://github.com/markdown-it/markdown-it): The Markdown parser used in this application.
- [jQuery](https://jquery.com/): JavaScript library used for DOM manipulation and event handling.

## License ⚖️
This project is licensed under the [Apache-2.0 License](https://github.com/ThisIs-Developer/Markdown-Viewer/blob/main/LICENSE). See the LICENSE file for more details.

---

Feel free to customize and enhance this Markdown Viewer as per your needs. If you encounter any issues or have suggestions for improvements, please open an issue on the GitHub repository. Happy Markdown editing and viewing! 😊

[license-shield]: https://img.shields.io/badge/License-Apache%202.0-red.svg
[license-url]: https://github.com/ThisIs-Developer/Markdown-Viewer/blob/main/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat&logo=linkedin&colorB=blue
[linkedin-url]: https://www.linkedin.com/in/baivabsarkar/