Что такое Markdown to HTML Converter?
Преобразователь Markdown to HTML включает источник Markdown - README, журнал изменений, черновик блога, набор примечаний к выпуску - в HTML браузер или CMS рендеры. Вставьте или введите Markdown слева, и вы получите семантический HTML справа: заголовки становятся h1h6, огороженный код становится pre и кодом с классом языка, списки становятся ul и ol, а расширения GitHub, такие как таблицы, списки задач и зачеркивание, обрабатываются так, как их отображает GitHub.
Markdown - это формат записи открытого текста, а не формат отображения. Где бы он ни появлялся на странице - сайте документов, статическом блоге, шаблоне электронной почты, поле CMS, которое принимает только HTML - сначала нужно что-то скомпилировать. Сделать это в браузере, а не втягивать парсер в свою сборку или вставлять черновик в службу, которую вы не контролируете, - это самый быстрый способ получить разметку и двигаться дальше.
Все работает на стороне клиента. Конвертер — это ручной синтаксический анализатор, а не оболочка для удаленного API, поэтому ваши неопубликованные сообщения, внутренние документы и примечания к частным релизам никогда не покидают страницу. Переключите уценку со вкусом GitHub, заголовок идентификаторов якоря, разрывы строк в одну строку и сквозной пропуск HTML в формате HTML, затем скопируйте HTML, загрузите файл .html или возьмите сгенерированную таблицу содержимого.
Короткий проработанный пример показывает, что вы получаете, когда вы конвертируете Markdown в HTML здесь.Paste `#My Project`, затем `#Install`, затем двухрядный список задач `- [x] Done` и `- [] Todo`.The output `<h1 id="my-project">My Project</h1>, `<h2 id="install">Install</h2>` и a `<ul class="task-list"> чьи предметы начинаются с отключенных входов в флажок. Tick Полный документ и то же тело завернуты в doctype с `<title>My Project</title>`. Это бесплатный конвертер Markdown в HTML, без регистрации, и он преобразуется по мере ввода.
Markdown разрешает использование необработанного HTML в режиме онлайн, что делает вопрос безопасности реальным, а не теоретическим: документ, содержащий тег сценария, действителен. Markdown, а конвертер, который пропускает его, создает HTML, который будет запущен при визуализации. По этой причине по умолчанию вывод выполняется, поэтому файл Markdown из ненадежного источника не может переправлять теги на вашу страницу. Ссылки - это отдельный случай: ссылка `javascript:` в Markdown сохраняет этот href в скопированном HTML, и только панель предварительного просмотра перезаписывает его, поэтому очистите выходные данные перед публикацией. Markdown вы не писали. Если вы конвертируете свой собственный контент и хотите сохранить необработанный HTML, это преднамеренный выбор, а не по умолчанию. Другое, что следует знать, это то, что Markdown не имеет единой спецификации. Здесь реализована GitHub Flavored Markdown, которая охватывает таблицы, списки задач, зачеркивание и изолированный код, и это расширения, а не часть исходного синтаксиса, поэтому строгий средство рендеринга CommonMark их не отображает.
Как использовать конвертер Markdown в HTML?
Вставьте свой уценка
Введите или вставьте Markdown в редактор - README, журнал изменений, заметки из вашего редактора, что угодно. вывод обновляется по мере ввода; загрузите образец, если хотите увидеть, что поддерживается.
Выберите свои варианты
Включите уценку со вкусом GitHub для таблиц, списков задач, ссылок для зачеркивания и сытых URL. Добавьте идентификаторы заголовков для глубоких ссылок, включите разрыв строк, если одна новая строка должна стать <br />, и разрешите RAW HTML, если ваш Markdown уже содержит теги.
Проверьте предварительный просмотр
Переключитесь между источником HTML и визуализированным предварительным просмотром, чтобы подтвердить, что структура соответствует вашим ожиданиям, и прочитайте статистику документа - слова, заголовки, ссылки, блоки кода и время чтения.
Скопируйте, скачайте или возьмите TOC
Скопируйте HTML в буфер обмена или нажмите .html, чтобы загрузить его как document.html (первым делом отметьте "Полный документ", если вам нужна отдельная страница).Вы также можете скопировать автоматически созданное оглавление Markdown, созданное из якорей заголовков H2 и H3.
Основные характеристики
Github со вкусом Markdown
Таблицы с выравниванием столбцов, флажками списка задач, ~~strikethrough~~ и автоматическим связыванием голых URL-адресов - расширения, на которые уже полагается ваш README
Огороженный код с языковыми классами
Огороженные блоки становятся <pre><кодом class="language-js">, именем класса Prism, Highlight.js и Shiki, поэтому подсветка синтаксиса работает в тот момент, когда вы вставляете вывод на свой сайт
Заголовок якоря и TOC
Каждый заголовок получает прорезанный, удаленный идентификатор, и инструмент генерирует оглавление Markdown для ваших заголовков H2 и H3, которое вы можете вставить обратно в верхнюю часть вашего документа
Безопасно по умолчанию
Необработанный HTML в исходном коде экранируется, если вы не захотите, а предварительный просмотр в реальном времени отображает обработчики сценариев, стилей и встроенных событий, поэтому вставка чужой Markdown не может запустить их код
Frequently Asked Questions
Related Tools
HTML Formatter
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown TOC Generator
Generate a linked table of contents from Markdown headings
Comments
0 comments
No comments yet. Be the first to share your thoughts!