根据情况显示Meteor模板中呈现或未呈现的HTML

我想为用户提供一个HTML片段，他们可以复制和粘贴，并向他们展示它的预览。到目前为止，我使用的是两个内容相同的模板，其中只有一个模板的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}}
...
...
...
部门
script src=“script.js”/script
script type=“text/javascript”。../script

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

。。。
...

---

如何仅使用一个模板完成此操作？

添加meteor markdown包，其中包含：

$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>

...
{{>tryItOut}
{{{降价}
{{>tryItOut}
{{/markdown}
...
...
...

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

p

块。

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

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