Безплатен конвертор

Markdown до HTML конвертор

Преобразувайте текста на Markdown в готов за производство HTML код с поддръжка за преглед на живо.

За този инструмент

Markdown е лек език за маркиране, създаден от Джон Грубер през 2004 г., за да позволи на писателите да създават структуриран HTML, използвайки конвенции за обикновен текст: хеш знаци за заглавия, звездички за ударение, тирета за списъци, блокове с отстъп за код. Форматът се превърна в стандартен за README файлове, техническа документация, чернови на блогове, статични генератори на сайтове и всеки контекст, където написаното трябва да може да се чете като обикновен текст и като изобразен изход. Преобразуването на Markdown в HTML е стъпката на изобразяване, която превръща източника в уеб страница.

Този конвертор използва маркираната библиотека, най-широко разпространеният Markdown renderer в JavaScript. Marked поддържа CommonMark и GitHub Flavored Markdown (GFM), което означава, че таблици, оградени кодови блокове, списъци със задачи, зачертаване и автоматично свързване работят правилно в допълнение към стандартните функции на Markdown.

Резултатът е обикновен HTML — семантични тагове за заглавия, параграфи, списъци, връзки и изображения, плюс кукички за класове за кодови блокове, където инструментите за подчертаване на синтаксиса ги очакват. Резултатът се поставя чисто във всяка CMS, вгражда се в статични генератори на сайтове или служи като самостоятелен .html. Не се добавя CSS или JavaScript; стилизирането на резултата е оставено на вашия контекст надолу по веригата.

Защо да конвертирате Markdown в HTML

Markdown е форматът, който писателите и разработчиците предпочитат; HTML е форматът, който браузърите изобразяват. Повечето генератори на статични сайтове и CMS платформи преобразуват Markdown в HTML зад кулисите, но понякога се нуждаете от преобразуването като самостоятелна стъпка — поставяне в CMS, който няма поддръжка на Markdown, генериране на HTML за имейли, създаване на бърз преглед или извличане на изобразения изход за по-нататъшна обработка.

HTML също е каноничният формат за всяко съдържание, което в крайна сметка ще бъде показано в браузър. Имейл бюлетини, изградени от чернови на Markdown, страници с документация, вградени в по-големи HTML приложения, и публикации в блогове, поставени в редактори, които очакват HTML, всички се възползват от чистото преобразуване.

Как да използвате

Поставете Markdown, вземете HTML.

  1. Добавете своя Markdown: Поставете Markdown текст в областта за въвеждане или пуснете .md файл. И стандартният синтаксис Markdown, и GitHub Flavored Markdown работят.
  2. Преобразуване: Marked анализира Markdown в AST и излъчва HTML. Стандартни вградени елементи (акцент, силни, връзки, код, изображения), блокови елементи (заглавия, абзаци, списъци, блокови цитати) и GFM разширения (таблици, защитен код, списъци със задачи, автоматични връзки) всички се изобразяват правилно.
  3. Преглед: Проверете изобразения HTML в панела за визуализация. Потвърдете, че кодовите блокове, таблиците и другите сложни елементи се показват според очакванията.
  4. Копирайте или изтеглете: Копирайте HTML в клипборда за поставяне в CMS или запазете като .html за самостоятелна употреба. Резултатът е семантичен HTML5 без вградени стилове.

Обичайни случаи на употреба

Технически подробности

Marked използва двуходова архитектура. Лексерът токенизира входа в токени на ниво блок (заглавия, параграфи, списъци, кодови блокове) и вградени токени (акценти, връзки, изображения). Анализаторът обикаля потока от токени и излъчва HTML, като прилага куки за изобразяване за всеки тип токени.

Разширенията GitHub Flavored Markdown са активирани по подразбиране: таблици (използвайки синтаксис на тръба), оградени кодови блокове (тройни обратни отметки с езикови подсказки), списъци със задачи (- [ ] и - [x]), зачертани (използващи двойни тилди) и автоматично свързване на URL. Кодовите блокове излъчват предварително обвит код с незадължителен езиков клас за подчертаване на синтаксиса надолу по веригата.

Дезинфекцията на изхода е оставена на потребителите надолу по веригата. Marked излъчва каквото и да е въвеждането, включително необработен HTML, вграден в Markdown. Ако приемете ненадежден вход, изпълнете изхода чрез DOMPurify или подобен HTML дезинфектант, преди да изобразите в браузър.

Най-добри практики

Често задавани въпроси

Преобразуването на MARKDOWN в HTML променя ли съдържанието?
Съдържанието е запазено възможно най-точно. Някои специфични за формата функции обаче може да нямат директни еквиваленти, така че могат да възникнат малки разлики във форматирането.
За какво се използва HTML формат?
HTML (HyperText Markup Language) се използва предимно за уеб страници и уеб съдържание.
Има ли някакви ограничения, за които трябва да знаете?
Поддържат се файлове до 50 MB. Обработката на много големи или сложни файлове може да отнеме повече време. Цялото преобразуване се извършва във вашия браузър, така че скоростта на обработка зависи от вашето устройство.
Сигурно и поверително ли е това преобразуване?
да Цялата обработка се извършва локално във вашия браузър. Вашите данни никога не напускат вашето устройство — без качване на сървър, без обработка в облак, без събиране на данни.
Поддържат ли се емотикони?
Уникод емоджитата преминават директно (написването на емоджи със сърце показва сърце в изхода). GitHub стил :emoji: кратките кодове не се конвертират по подразбиране; добавете разширение, ако имате нужда от това.
Моят Markdown качен ли е на сървър?
Не. Маркираният работи във вашия браузър; преобразуването се извършва изцяло на вашето устройство.
Мога ли да добавя персонализиран стил към HTML?
Да, след преобразуване. Резултатът е обикновен семантичен HTML; приложете свой собствен CSS към стилови заглавия, кодови блокове, таблици и други елементи.
Поддържа ли бележки под линия?
Стандартният CommonMark не определя синтаксиса на бележка под линия. Някои разширения на Markdown поддържат синтаксис на бележка под линия [^1]; този конвертор следва GFM, който не включва бележки под линия.