在 Mongo 中存储和检索 HTML（即使用 <span> 格式化从数据库中提取的文本）

Question

我正在使用 Meteor，我有一个模板可以从 Mongo 检索文本并将其显示在 Materialize <p class="flow-text"> 中。但是，我想对这段文本应用一些格式，所以我用 HTML 标签将它存储在数据库中，例如：

...
"questionText" : "This question contains a <span class=\"excel-formula\">=formula</span>"
...

然而，当我使用模板显示此文本时，只是将 <span.... 标记作为文本写在屏幕上，而不是将其作为 HTML 标记应用。

如何让它应用 HTML 标签而不是将它们视为字符串文字？

在我的 <template name="Question"> 中，相关行是：

<p class="flow-text">
    {{questionText}}
</p>

我正在调用模板

  {{#each questions}}
    {{#if getSessionVariable "submitted"}}
      {{> Result}}
    {{else}}
      {{> Question}}
    {{/if}}
  {{/each}}

其中 questions 是

  Template.Test.helpers({
    questions: function () {
      var Q = Tests.findOne({"name":Session.get("testName")});
      return Q.questions;
    }
  });

和Tests是我的mongocollectionTests = new Mongo.Collection("tests");

Answer 1

您可以使用三重胡须确保内容放在 'as is' 中，只有 <script> 代码会被忽略。

<p class="flow-text">
    {{{questionText}}}
</p>

在 Mongo 中存储和检索 HTML（即使用 <span> 格式化从数据库中提取的文本）

Store and retrieve HTML in Mongo (i.e. using <span> to format text pulled from DB)

html

javascript

mongodb

materialize

meteor