根据情况显示渲染或未渲染的 Meteor 模板中的 HTML

Question

我想为用户提供 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 部分，他们将看到类似这样的内容（他们可以复制和粘贴）：

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

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

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

根据情况显示渲染或未渲染的 Meteor 模板中的 HTML

Displaying HTML from Meteor template rendered or unrendered depending on situation

meteor

spacebars