Markdown Preview
Render Markdown to HTML in real time
Hola Mundo
Escribe tu markdown aquí.
Características
- Lista item 1
- Lista item 2
- Lista item 3
const greeting = "Hello";
console.log(greeting);
Esto es una cita
Online Markdown Editor with Live Preview
What is Markdown and why should you use it?
Markdown is a lightweight markup language created by John Gruber in 2004 that lets you write formatted text using simple, readable syntax. It has become the de facto standard for technical documentation and open source README files, documentation stored in Git repositories, posts on platforms such as GitHub, GitLab, Stack Overflow and Reddit, note-taking apps like Notion, Obsidian and Bear, technical blogs and static site generators such as Hugo and Jekyll, and API documentation built with tools like Swagger. Its main advantage is that you can write fast without taking your hands off the keyboard.
Essential Markdown syntax every developer should know
The fundamentals of Markdown are: headings with # (# H1, ## H2, down to ###### H6), bold text with **text** or __text__, italics with *text* or _text_, ordered lists with numbers (1. 2. 3.) and unordered lists with - * or +, links with [visible text](url), images with , inline code with backticks and multiline blocks with triple backticks, blockquotes with >, horizontal rules with --- or ***, and task lists with - [ ] and - [x]. GitHub Flavored Markdown (GFM) adds tables, strikethrough and syntax highlighting on top of that.
How do professional developers use Markdown?
Developers reach for Markdown every day: writing polished README.md files that document open source projects, producing technical documentation for APIs and libraries, drafting issue descriptions, pull requests and commit messages on GitHub or GitLab, maintaining project wikis with contribution and architecture guides, publishing technical posts on personal or company blogs, recording architecture decision records (ADRs), and taking technical notes in tools such as Obsidian. This editor lets you preview the final result while you write.
If you work with this tool, you will probably also find these useful Word Counter, JSON Formatter, YAML/JSON Converter, XML/JSON Converter.
Frequently asked questions
What is the difference between standard Markdown and GitHub Flavored Markdown?
GitHub Flavored Markdown (GFM) extends the original Markdown with genuinely useful additions: tables built from pipes, task lists with [ ] and [x] checkboxes, strikethrough with ~~text~~, automatic linking of bare URLs, syntax highlighting in code blocks when you name the language, user mentions with @username, and issue references with #123. This tool supports full GFM for maximum compatibility with GitHub.
Can I use HTML tags inside a Markdown document?
Yes, most Markdown processors allow inline HTML for the advanced formatting plain Markdown cannot express, such as collapsible <details> blocks, image alignment or specific styling. Some platforms including GitHub sanitize and restrict certain HTML elements for security (scripts, iframes, dangerous inline styles). Stick to plain Markdown whenever you can for maximum portability.
How do I build a table correctly in Markdown?
Use pipes | to separate columns and hyphens - to build the header separator. The basic shape is | Column1 | Column2 | on the first line, | --- | --- | as the separator, and | value1 | value2 | for each data row. To align columns, add colons to the separator: :--- for left, :---: for center and ---: for right. The outer pipes are optional but they make the source easier to read.