根据情况显示来自 Meteor 模板的 HTML 渲染或未渲染答案

【问题标题】：Displaying HTML from Meteor template rendered or unrendered depending on situation根据情况显示来自 Meteor 模板的 HTML 渲染或未渲染
【发布时间】：2016-01-29 20:29:55
【问题描述】：

我想为用户提供可以复制和粘贴的 HTML 的 sn-p，并向他们展示它的外观预览。到目前为止，我正在使用两个具有相同内容的模板来执行此操作，其中只有一个具有这样的 HTML 转义：

<template name="pageTemplate">
  ...
  {{> tryItOut}}
  {{> getCode}}
  ...
</template>

<template name="tryItOut">
  <div>...</div>
  <script src="script.js"></script>
  <script type="text/javascript">...</script>
</template>

<template name="getCode">
  &lt;div&gt;...&lt;/div&gt;
  &lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;...&lt;/script&gt;
</template>

因此，在 tryItOut 部分，他们可以像在他们的网站上一样使用该工具，在 getCode 部分，他们会看到类似这样的内容（他们可以复制和粘贴）：

<div>...</div>
<script src="script.js"></script>
<script type="text/javascript">...</script>

我怎样才能只使用一个模板来做到这一点？

【问题讨论】：

标签： meteor spacebars

【解决方案1】：

添加流星降价包：$ meteor add markdown

如下使用：

pageTemplate.html

<template name="pageTemplate">
  ...
  {{> tryItOut}}
  {{#markdown}}
    {{> tryItOut}}
  {{/markdown}}
  ...
</template>

<template name="tryItOut">
    <div>...</div>
    <script src="script.js"></script>
    <script type="text/javascript">...</script>
</template>

【讨论】：

对于相同位置的任何人：请注意模板中的 HTML 标签必须缩进四个空格，否则脚本将被 markdown 包删除并替换为空p 块。