Homepage

Markdown Editor

Edit, compile & view Markdown documents via markdown-it API
Logo

Advertisement

About

A handy tool to edit, view and compile markdown documents. Simply open a .md file via the UI file selector, and then press on the compile button. Please note that this app has a JavaScript markdown compiler (markdown-it) and cannot compile complex markdown documents. Once the markdown document is compiled, you can save it as a .pdf format.

Description

This web application is designed to render markdown documents as HTML5. For compiling markdown documents, it uses markdown-it javascript API. For rendering and editing markdown code, it uses CodeMirror library. With this web application, you can view, edit and compile markdown documents tp HTML5. For complex ones, please use a native markdown application based on your operating system.

The top toolbar has three buttons and a few settings to adjust. The first button is for opening the file selector UI. You can either open a .md file or drag and drop the file in the app UI. Once the file is selected, you will see the content in the editor (left side). Next button compiles the markdown document to HTML5 format (the app compiles the markdown code to HTML5 on-the-fly as you type on the left side editor). If the app encounters any errors, you will see the error next to the editor area (result section). The last button is for converting the document to PDF. Once you click on the button, the print UI will appear, where you can select the PDF printer.

There are also a few options that you can adjust before compiling the markdown document. Each option has a tooltip text to explain its functionality. Simply hover on any button above to see the information related to it. Please note that all changes to the above options are auto-saved to the memory. Moreover, the last open document is also stored in the memory, so the next time you open this app, the last viewed code will be rendered in the editor area. Moreover, as mentioned above, as you change the markdown code, the result will be updated on the right side.

Technical Notes

As mentioned above, this app uses markdown-it and codemirror for compiling and rendering markdown codes. It can render simple markdown documents, but for complex ones, the compiler, at the current state, may fail. Therefore, this app is only suitable for compiling simple to moderate markdown documents. A sample code is placed for illustrative purposes in the app. You can get an idea of the compiler capabilities by reading the above sample code.

Markdown Editor app is also available as a browser extension. As an extension, this app does not need an internet connection and can be used offline in your browser. Download links for three popular browsers are as follows: Chrome, Edge, Opera, Firefox.

If you found a bug in this page, or have a feature/function which you would like to see in this web app, please let us know by sending an email or through the discussion form below. Moreover, don't forget to check other web apps in webbrowsertools.com, we have many useful apps related to browser's privacy and security.

Related Blog Posts

  1. Why a Website or Service Cannot be Accessed: It is always possible for even some of the most prominent websites or services to go down. Although the downtime of websites such as Twitter, YouTube or Face is often measured in seconds, other websites, on the other hand, might be down for hours or in some cases, days at a time...
  2. Clear Browser Cache: Just about everyone wants to know how to clear browser cache for their browser (Chrome, Firefox and Opera). It is an important diagnostic after all when one is having issues with the website loading or privacy...
Comments and feedback