把手不会呈现HTML图片标签？ （使用NodeJS）

Question

我正在尝试使用把手呈现HTML图像标记。 HTML确实正确地传递给了车把。 （所以传递到网页，但图像不会被渲染。）我该如何解决这个问题？

在我的.HBS文件中，我有：

{{HTMLforImage}} {{image}} {{alt}}

在我的.js文件中，我有：

  res.render('imageHub', {
  HTMLforImage: "<img src = ",
  image: "\"" + req.body.imageLink + "\"",
  alt: " alt = \"raccoon\">"
});

其中imageHub是页面把手应该呈现HTML，但是不是张贴的图片我只是将HTML传递到网页上。 关于如何解决这个问题的任何想法都将非常感激。

Answer 1

{{HTMLforImage}}将逃脱标记。 尝试三重括号： {{{HTMLforImage}}}

Answer 2

使用三重括号来转义HTML特殊字符，例如<和>字符：

{{HTMLforImage}} {{image}} {{alt}}

你也有<image ...但它应该是<img ...

最佳做法是将把手内容更改为：

<img src="{{imageLink}}" alt="{{alt}}" />

并传递所需的数据，如下所示：

res.render('imageHub', {
  imageLink: req.body.imageLink,
  alt: 'raccoon'
})