在 EJS 模板中渲染未转义的 HTML

Question

我有 mongodb 数据，我将它渲染到 foreach 中的 ejs 文件。

我正在渲染articles ，并且架构中有一个名为 Image 的东西。 article.Image 是这样的：

<a href="https://www.amazon.com/Sceptre-27-Inch-Gaming-Monitor-Speakers/dp/B078HSKBG3?crid=3AKNPTD0JV80A&keywords=monitors&qid=1640475680&sprefix=mo%2Caps%2C192&sr=8-3&linkCode=li3&tag=pickitly0f-20&linkId=c181027d5496b428b4a7ef54bfa654f8&language=en_US&ref_=as_li_ss_il" target="_blank"><img border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B078HSKBG3&Format=_SL250_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=pickitly0f-20&language=en_US" ></a><img src="https://ir-na.amazon-adsystem.com/e/ir?t=pickitly0f-20&language=en_US&l=li3&o=1&a=B078HSKBG3" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

它是一个 html 代码块，我想在这里显示它

                <div class="card-subtitle text-muted mb-2"> 
                    
                    <%= article.Size
                    %> 
                </div>
              <%= article.Image %> 
                <h3> <%= article.Price %> </h3>
            </div>

当我运行代码时，我得到 这而不是显示为图像的代码。 如何使数据库中渲染的 html 代码显示为图像而不是文本？

Answer 1

而不是<%= ，使用<%-以便 EJS 不会逃脱您的 HTML。

<%- article.Image %>

更多信息在这里： https://ejs.co/#docs

另外，我强烈建议不要在数据集中包含 HTML。 总有一天，您会想要在不只是在 web 页面的上下文中使用您的数据。 将 HTML 保存在模板中，并将数据（如图像 URL）保存在数据库中。