📝
Редактор на Markdown — безплатно
Пишете и преглеждайте Markdown в реално време. Поддържа заглавия, удебелен, курсив, блокове с код, таблици и списъци.
Работи офлайн след зареждане
93 думи · 559 знака
Markdown
Преглед
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Добре дошъл в редактора за Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Напиши <strong>Markdown</strong> вляво, виж живия преглед вдясно.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Възможности</h3>
<ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>Удебелен</strong>, <em>курсив</em> и <del>задраскан</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">Вграден код</code> и блокове с ограждащ код</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">Връзки</a></li><li class="my-0.5">Списъци, кавички, таблици и още много</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Пример на код</h3>
<pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) {
return `Hello, ${name}!`;
}</code></pre>
<blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown е създаден от John Gruber през 2004 г., за да улесни писането в интернет.</blockquote>
<table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Възможност</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Поддържано</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Заголовки</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Списъци</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Таблици</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Код</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Кратък справочник за Markdown
# Heading 1H1
**bold**Удебелен
*italic*Курсив
`code`Вграден код
- itemСписък с точки
1. itemНомериран списък
> quoteБлоков цитат
[text](url)Връзка
Изображение
---Разделител
Често срещани употреби
- Напишете API документация в MarkdownСкицирайте описания на крайни точки, примери за заявки/отговори и таблици с параметри в Markdown.
- Вземете бележки на MarkdownНапишете структурирани бележки в Markdown, които могат да бъдат залепени в Notion, Obsidian, Bear или всяко приложение на Markdown.
- Напишете GitHub README в MarkdownЧернова и преглед на вашия GitHub хранилище README с живото преобразуване на Markdown.
- Напишете техническа документацияНапишете и преглед на документация на API, wiki и технически ръководства в Markdown преди публикуване.
- Напишете блог постове в MarkdownЧернова блог постове в Markdown за Ghost, Jekyll, Hugo, Hashnode и други платформи за публикуване на Markdown.
Как работи
Прегледът се рендерира от ръчно написан Markdown анализатор, вграден директно в инструмента — без marked, без remark, без външна библиотека. Той токенизира източника ред по ред в браузъра, преобразувайки синтаксиса в HTML, който след това преминава през санитизатор преди показване.
- 1Токенизация ред по редПерсонализираната функция renderMarkdown разделя източника ви по нови редове и ги обхожда в един проход, съпоставяйки огладени кодови блокове, заглавия (H1–H6), цитати, подредени и неподредени списъци, GFM таблици (с подравняване на колони), хоризонтални линии и параграфи в приоритетен ред.
- 2Разгъване на вграден синтаксисВсеки събран ред или клетка след това се обработва от inlineMarkdown, верига от замени с регулярни изрази, която обработва удебелен (** и __), курсив (* и _), удебелен курсив (***), зачертан (~~), вграден код, изображения () и връзки ([text](url)) — изображенията се разрешават преди връзките, така че префиксът ! не се консумира неправилно.
- 3Санитизация и блокиране на отдалечени ресурсиСуровият HTML, произведен от рендериращата функция, преминава през санитизатор (sanitize-html), за да премахне небезопасни тагове и атрибути като <script>, обработчици onerror и javascript: адреси. Втори проход (neutralizeRemote) заменя стойностите src на отдалечени изображения с плейсхолдъри по подразбиране, предотвратявайки прегледа мълчаливо да се свързва с външни сървъри, преди да сте се съгласили.
- 4Експорт като .md или самостоятелен .htmlКопирането или изтеглянето на Markdown записва суровия изходен текст. Изтеглянето на HTML обвива санитизирания изход в самостоятелен документ със собствен вграден стилов лист — класовете на Tailwind работят само вътре в сайта, така че експортът включва обикновени CSS правила вместо тях, правейки файла четим навсякъде.
Свързани инструменти
Конвертор от HTML към Markdown
Конвертирайте HTML в чист Markdown. Обработва заглавия, списъци, връзки, изображения, блокове с код, таблици и цитати. Идеален за преместване на съдържание от CMS системи.
Опитайте
Конвертор от Markdown към HTML
Конвертирайте Markdown в чист HTML с жив преглед. Използвайте изходния изглед за копиране на готов за поставяне HTML за блогове, CMS или имейл шаблони.
Опитайте
Редактор на Mermaid диаграми
Пишете блок-схеми, диаграми на последователности, диаграми на Гант и още в синтаксиса на Mermaid с жив преглед. Експортирайте като SVG или PNG. Работи изцяло в браузъра ви.
Опитайте