Pagedown Markdown Converter не работает должным образом - PullRequest
Новая
       11

Pagedown Markdown Converter не работает должным образом

0 голосов
/ 19 мая 2018

Я пытаюсь преобразовать текст уценки в HTML, используя pagedown - Markdown Converter.Неправильно форматируется.

Вот URL JsFiddle, где он работает для некоторого тега - https://jsfiddle.net/oeraroks/

Вот фрагмент кода переполнения стека - 

var converter = Markdown.getSanitizingConverter();
jQuery('.mdl-card__markdown-content').each(function() {
  text = jQuery(this).text();
  vhtml = converter.makeHtml(text);
  vhtml = vhtml.replace(/(?:\r\n|\r|\n)/g, '<br>');
  jQuery(this).html(vhtml);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Sanitizer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Converter.min.js"></script>

<div class="mdl-card__markdown-content">
**DISCLAIMER** He is also known for playing Hal in Malcom in the Middle. Bryan Cranston played the role of Walter in Breaking Bad.
* He is also known for playing Hal in Malcom in the Middle.
* Bryan Cranston played the role of Walter in Breaking Bad.
* He is also known for playing Hal in Malcom in the Middle. Bryan Cranston played the role of Walter in Breaking Bad.
* He is also known for playing Hal in Malcom in the Middle.
* Bryan Cranston played the role of Walter in Breaking Bad. He is also known for playing Hal in Malcom in the Middle.
</div>

Если вы видите в JSFiddle, вы увидите, что только Disclaimer текст становится жирным.Все остальные, где ожидалось, список остается без изменений.

FAQ

  1. Я использую редактор SimpleMDE - https://github.com/sparksuite/simplemde-markdown-editor

Поскольку у него нет возможности изменить его на HTML, мне пришлось обратиться к конвертеру pagedown для преобразования markdown text в html text.

Нужна помощь в преобразовании вышеуказанного текста в html.

1 Ответ

0 голосов
/ 19 мая 2018

Есть несколько проблем с вашим кодом.

Я не очень хорош в самой уценке, но я заметил одну вещь: мне нужен разрыв между абзацем и списком, чтобы понять, что список есть.. 

<div class="mdl-card__markdown-content">
**DISCLAIMER** He is also known for playing Hal in Malcom in the Middle. 
Bryan Cranston played the role of Walter in Breaking Bad.

* He is also known for playing Hal in Malcom in the Middle.
* Bryan Cranston played the role of Walter in Breaking Bad.
* He is also known for playing Hal in Malcom in the Middle. Bryan Cranston 
played the role of Walter in Breaking Bad.
* He is also known for playing Hal in Malcom in the Middle.
* Bryan Cranston played the role of Walter in Breaking Bad. He is also known 
for playing Hal in Malcom in the Middle.
</div>

Смотрите разницу даже на этом сайте (ваша версия):

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ Он также известен тем, что играл в Хэл в Малкоме в середине,Брайан Крэнстон сыграл роль Уолтера в «Плохом состоянии».* Он также известен тем, что играл в Hal в Malcom in the Middle.* Брайан Крэнстон сыграл роль Уолтера в «Плохом состоянии».* Он также известен тем, что играл в Hal в Malcom in the Middle.Брайан Крэнстон сыграл роль Уолтера в «Плохом состоянии».* Он также известен тем, что играл в Hal в Malcom in the Middle.* Брайан Крэнстон сыграл роль Уолтера в «Плохом состоянии».Он также известен игрой Хэла в Малкоме в середине.

ws (версия с перерывом):

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ Он также известен игрой в Хэлав Малком в середине.Брайан Крэнстон сыграл роль Уолтера в «Нарушая ошибку».

  • Он также известен тем, что играл Хэла в Малкоме в середине.
  • Брайан Крэнстон играл роль Уолтера в «Нарушение плохого».
  • Он также известен тем, что играл Хэла в Малкоме в середине.Брайан Крэнстон сыграл роль Уолтера в «Нарушая плохую».
  • Он также известен тем, что играл Хэла в Малкоме в середине.
  • Брайан Крэнстон играл роль Уолтера в «Нарушая плохую».Он также известен тем, что играл в Hal в Malcom in the Middle.

Тогда вы можете удалить 

vhtml = vhtml.replace(/(?:\r\n|\r|\n)/g, '<br>');

, чтобы он выглядел лучше

...