在markdown中嵌入javascript

我正在使用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和我的脚本之间留出额外的间距。救命？

已邀请:

8 个回复

距相镭

我遇到了同样的问题，但是我设法通过在开始标记之后添加换行符来使JavaScript出现在我的代码中。

翰冒绢县

在某些情况下可能有效的不同解决方案:(当我尝试嵌入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的前端事项和嵌套列表）

佃蒜狗掂哥

Markdown支持内联XHTML，但不支持Javascript。

诧不达

他们在网站上提供的示例显示了一个包含换行符的空<script>标记。也许就是这样？

藐刚

您可以使用pandoc来处理此输入（通常是javascript）就好了。

襄挟款籍

我发现在两者中转出结束'>'符号，打开和关闭'script'标签，将正确显示它，例如：如果您键入以下内容：

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

它将呈现如下：

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

那只是我的两分钱。

募磷

根据我的经验，只要您删除可能会混淆markdown的代码格式，markdown就会将javascript文本作为纯文本输出。从javascript中移除评论，因为/ * ... * /被翻译为＆lt; EM> 删除每行前面的空格缩进。＆LT; p>可以根据你的缩进插入。基本上我所做的就是检查生成的html，并通过markdown找出我的javascript代码之间插入的额外标签。并删除生成额外标记的格式。

括宠

一个好主意是将本地和云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 %}

要回复问题请先登录或注册

在markdown中嵌入javascript

8 个回复

发起人

maruku

问题状态

在markdown中嵌入javascript

与内容相关的链接

8 个回复

发起人

maruku

问题状态