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

时间:2015-10-29 15:39:21

标签: meteor spacebars

我想为用户提供他们可以复制和粘贴的HTML片段,并向他们展示它的外观预览。到目前为止,我使用两个具有相同内容的模板执行此操作,其中只有一个模板的HTML转义如下:

new VirtualFileDataObject.FileDescriptor
{
    Name = "Alphabet.txt",
    Length = 26,
    ChangeTimeUtc = DateTime.Now.AddDays(-1),
    StreamContents = () =>
    {
        var contents = Enumerable.Range('a', 26).Select(i => (byte)i).ToArray();
        MemoryStream ms = new MemoryStream(contents); // don't dispose/using here, it would be too early
        return ms;
    }
};

因此,在tryItOut部分中,他们可以使用工具在其网站上显示,并且在getCode部分,他们将看到类似这样的内容(他们可以复制和粘贴):

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

如何只使用一个模板?

1 个答案:

答案 0 :(得分:1)

使用以下内容添加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>