Project image for Online Markdown Editor

Online Markdown Editor

HTML/CSSJavascriptRegex
Build a Online Markdown Editor with plain javascript , html & css where user writes the markdown in one side of the screen & sees preview on the other side.

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to build out this markdown editor and get it looking as well as functioning as close to the design as possible.

This project focuses on :

  1. Conversion of markdown to html in Vanilla JS alongside HTML , CSS.

  2. DOM manipulation in JS

  3. Learning regex

Your users should be able to:

  • Write the markdown in one side of the screen

  • See preview of the markdown input on the other side of the screen

  • Format text in the following ways :

    • headings 1 & 2,
    • bold ,
    • italics ,
    • highlight,
    • lists (unordered & ordered)
    • hyperlinks

  • Change Theme when clicks the theme changing button

The README.md file will provide further details about the project & Explanations.md file will provide further explanations about the project specifics.

Don't forget to share your submissions with the community to get feedback. All the best.

Get involved with the community

Join our discord server and explore the community forum to share your feedback with others. Ask questions, help others and learn in public to make the best use of codedamn.

Also check out the full-stack learning path to learn how to build such projects completely on your own.