DEV Community

Cover image for MarkdownIt - A Comprehensive Guide.
Fredy Somy
Fredy Somy

Posted on

2 1

MarkdownIt - A Comprehensive Guide.

MarkdownIt-Guide

A Efficent Code Editor to live render Markdown and Can save the rendered file as Markdown,Html and Pdf.Also Instant Hosting for static single paged websites.

Editor

  • The left window is the editor where you can edit the markdown.
  • The right window live previews the changes you made in the editor.

  • The SAVE AS button allows you to save your .md files.
  • With OPEN FILE you can open any .md files to edit.
  • SAVE AS PDF allows you to convert the markdown you wrote in editor to pdf.
  • SAVE AS HTML allows you to convert the markdown you wrote in editor to html format.
  • Settings button gives you access to change theme of editor.

Settings


  • You can change the theme of the editor to various themes available.
  • You can also change the background and text color.( Refer image above ).

MarkdownItHost

Web hosting service inside MarkdownIt.


  • You can create a new website with the CREATE SITE button.
  • Instant publishing can be done using PUBLISH button.
  • You can edit any websites you made (provided you have the config file for the respective website in your system).

For more explanation watch the gif below.


Click here to see the gif.


Contact


  • Feel free to email me for Bugs Found or queries.

  • I will be happy to help.

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay