Предпросмотр Markdown
Пишите Markdown и просматривайте результат в реальном времени.
Hello, Markdown!
This is bold and this is italic text.
Features
- Live preview as you type
- Syntax support for common elements
- Code blocks with
inline code
const greet = (name) => `Hello, ${name}!`;
console.log(greet("World"));Blockquotes look like this.
Предпросмотр Markdown отображает текст в формате Markdown в виде стилизованного HTML в реальном времени, позволяя увидеть, как документ будет выглядеть до публикации. Markdown — стандартный язык разметки для README-файлов на GitHub, сайтов документации и блог-платформ вроде Dev.to и Hashnode.
Пишите Markdown в левой панели — отформатированный результат мгновенно отображается в правой. Рендерер поддерживает полную спецификацию CommonMark и распространённые расширения: заголовки, жирный, курсив, встроенный код, блоки кода, цитаты, списки, таблицы, списки задач, ссылки и изображения.
Markdown намеренно прост, но некоторые форматные решения имеют особенности, специфичные для платформы. Например, GitHub Flavored Markdown (GFM) добавляет зачёркивание (~~текст~~) и списки задач. Если вы пишете для конкретной платформы, ознакомьтесь с её документацией, чтобы узнать, какой диалект Markdown она использует.
Часто задаваемые вопросы
Реализация кода
import re
def simple_markdown_to_html(text: str) -> str:
"""Convert basic Markdown to HTML."""
lines = text.split("\n")
html_lines = []
in_code_block = False
for line in lines:
# Fenced code block
if line.startswith("```"):
if in_code_block:
html_lines.append("</code></pre>")
in_code_block = False
else:
lang = line[3:].strip()
html_lines.append(f'<pre><code class="language-{lang}">')
in_code_block = True
continue
if in_code_block:
html_lines.append(line)
continue
# Headings
if line.startswith("### "):
html_lines.append(f"<h3>{line[4:]}</h3>")
elif line.startswith("## "):
html_lines.append(f"<h2>{line[3:]}</h2>")
elif line.startswith("# "):
html_lines.append(f"<h1>{line[2:]}</h1>")
elif line.startswith("- "):
html_lines.append(f"<li>{line[2:]}</li>")
elif line.strip() == "":
html_lines.append("<br>")
else:
# Bold and italic
line = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', line)
line = re.sub(r'\*(.+?)\*', r'<em>\1</em>', line)
# Links
line = re.sub(r'\[(.+?)\]\((.+?)\)', r'<a href="\2">\1</a>', line)
# Inline code
line = re.sub(r'`(.+?)`', r'<code>\1</code>', line)
html_lines.append(f"<p>{line}</p>")
return "\n".join(html_lines)
md = "# Hello\n**Bold** and *italic* text\n[Link](https://example.com)"
print(simple_markdown_to_html(md))Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.