Вставить JavaScript в уценке

Question

Я использую процессор уценки Maruku. Я хотел бы это

*blah* blah "blah" in [markdown](blah)

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
...do stuff...
</script>

но он жалуется, когда я рендую его с множеством ошибок. Первый из них

 ___________________________________________________________________________
| Maruku tells you:
+---------------------------------------------------------------------------
| Could you please format this better?
| I see that "<script type='text/javascript'>" is left after the raw HTML.
| At line 31
|   raw_html     |<script src='http://code.jquery.com/jquery-1.4.2.min.js' /><script type='text/javascript'>|
|       text --> |//<![CDATA[|

а потом кажется, что парсер сходит с ума. Затем он рендерит javascript в div на странице. Я попытался сделать его блоком CDATA и лишним интервалом между jquery и моим скриптом.

Помощь

Answer 1

У меня была такая же проблема, но мне удалось заставить JavaScript появляться в моем коде, поместив новую строку после открывающего тега.

Answer 2

Другое решение, которое может работать в некоторых случаях: (выбранный ответ не работал для меня, когда я пытался встроить пример CodePen)

• добавьте это в макет по умолчанию:

  <!-- Custom JavaScript files set in YAML front matter -->
  {% for js in page.customjs %}
  <script async type="text/javascript" src="{{ js }}"></script>
  {% endfor %}
  

• В сообщениях, где вам нужны файлы JavaScript, вы можете добавить их в текст YAML следующим образом:

  ---
  layout: post
  title: Adding custom JavaScript for a specific post
  category: posts
  customjs:
   - http://code.jquery.com/jquery-1.4.2.min.js
   - http://yourdomain.com/yourscript.js
  ---
  

async может быть не нужен или не нужен, но вы, вероятно, можете добавить его в качестве параметра в customjs. (подробности см. YAML для Jekyll и вложенных списков )

Answer 3

Markdown поддерживает встроенный XHTML, но не Javascript.

Answer 4

Пример, который они дают на своем сайте , показывает пустой тег <script>, содержащий новую строку. Может быть, это все?

Answer 5

Я обнаружил, что экранирование закрывающего символа '>' в обоих, открывающий и закрывающий теги 'script', будет отображать его правильно, например:

• Если вы введете следующее:

  <script\>... javascript code...</script\>
  

• Будет отображаться так:

  <script>... javascript code...</script>
  

Это только мои два цента.

Answer 6

Вы можете использовать pandoc , который прекрасно обрабатывает этот ввод (и вообще JavaScript).

Answer 7

Просто сделайте отступ в первой строке, содержащей тег .

Answer 8

Хорошей идеей является разделение локальных и облачных js-источников:

В почтовом файле:

cloudjs:
 - //cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js
 - //cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
localjs:
 - datamaps.world.min.js
 - custom.js  

В файле по умолчанию после включения нижнего колонтитула:

   {% for js in page.cloudjs %}

        <script type="text/javascript" src="{{ js }}"></script>

    {% endfor %}


    {% for js in page.localjs %}

        <script type="text/javascript" src="{{ "/assets/scripts/" | prepend: site.baseurl | append: js }}"></script>

    {% endfor %}

Answer 9

По моему опыту, уценка превзойдет текст javascript как обычный текст, если вы удалите форматирование кода, которое может сбить с толку уценку.

1. удалить комментарии из javascript, так как / * ... * / переводится в
2. удалить пробел в начале каждой строки.

   может быть вставлен в соответствии с вашим отступом.

По сути, я проверяю сгенерированный html и выясняю, какие дополнительные теги вставляются между моим кодом JavaScript при уценке. И удалите форматирование, которое генерирует дополнительный тег.