2

Как можно использовать Markdown HTML + JS? Не могу понять, нужно устанавливать дополнительную библиотеку для этого языка? Или как это делать?

3
  • Подскажите, для чего вы хотите использовать Markdown? 21 мая 2016 в 8:44
  • @РоманПарадеев Для сообщений , пишим текстом - получаем html.
    – gilo1212
    21 мая 2016 в 10:23
  • Ну, смотря в каком контексте. Для веб-приложения вам потребуется библиотека. А если локальный предпросмотр, так есть редакторы, в которые он встроен или легко устанавливается. Скажем, в Atom есть встроенный предпросмотр.
    – user181100
    29 мая 2016 в 21:13

2 ответа 2

6

Вам понадобится парсер markdown, чтобы преобразовать его в HTML.

Например, можно воспользоваться библиотекой markdown-js.

const message = `
# Список покупок

- молоко
- хлеб
- сыр
`;

const article = document.querySelector('article');
article.innerHTML = markdown.toHTML(message);
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown.js/0.5.0/markdown.min.js"></script>
<article></article>

4

Извиняюсь, что подрезал код редактора из примера @Роман Парадеев, но вот простой пример на jQuery аля "пишем текстом - получаем html".

$('.field').on('input propertychange', function() {
  var message = $('.field').val();
  $('article').text(markdown.toHTML(message));
});
.field {
  width: 300px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown.js/0.5.0/markdown.min.js"></script>
<textarea class="field" rows="7"></textarea>
<article></article>

1
  • А как обратно?)
    – De.Minov
    10 сен 2019 в 20:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.