把手不會呈現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'
})