Использование разметки в шаблонном движке JavaScript - PullRequest
Новая
       57

Использование разметки в шаблонном движке JavaScript

0 голосов
/ 28 сентября 2018

Как использовать разметку (или любую другую разметку -> язык HTML) в шаблоне.Возможно ли это с помощью доступных шаблонизаторов JavaScript?

Шаблон: 

This is a *sample* question?
![some_image](image/path)
{{screenshot}}

1 Ответ

0 голосов
/ 29 сентября 2018
  • Сначала запустите ваш шаблонизатор.
  • Передайте обработанный HTML-код анализатору уценки.
  • Запустите анализатор уценки.

Я оставляю васфрагмент, который использует Усы в качестве механизма шаблонов и реализацию JavaScript CommonMark для Markdown.

В ссылках выше вы можете найти код, который я использовал для примера,

function loadUser() {
  var template = $('#template').html();
  var rendered = Mustache.render(template, {
    name: "*Luke*"
  });
  $('#target').html(rendered);

  var reader = new commonmark.Parser();
  var writer = new commonmark.HtmlRenderer();
  var parsed = reader.parse($('#target').html());
  var result = writer.render(parsed);
  $('#target').html(result);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.0.0/mustache.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/commonmark/0.28.1/commonmark.min.js"></script>

<body onload="loadUser()">
  <div id="target">Loading...</div>
  <script id="template" type="x-tmpl-mustache">
This is an example of **markdown** in a *template*.  
Hello {{ name }}!
  </script>
</body>
...