显示带有 HTML 格式的 Backbone 集合答案

【问题标题】：Display a Backbone collection with HTML formatting显示带有 HTML 格式的 Backbone 集合
【发布时间】：2017-07-07 02:54:57
【问题描述】：

我有一个 Marionette CollectionView 显示集合中的一些数据。一切正常，但我收藏中的某些项目有 HTML 标签。

为方便起见，这里只有两个项目：

var topics = [
  { content: 'This is a <strong>bold</strong> content' },
  { content: 'This is a <i>italic</i> content' }
];

屏幕上正在显示：

This is a <strong>bold</strong> content

This is a <i>italic</i> content

而不是

这是一个粗体内容

这是一个斜体内容

有一些 Marionette 原生属性允许 HTML 格式化，还是我应该编写一个函数来转换 HTML 实体？谢谢你的提前。

【问题讨论】：

【解决方案1】：

假设您使用的是 Underscore/JS 模板，您只需要确保插入值（使用 <%=）：

<div><%= content %></div>

与 HTML 转义：

<div><%- content %></div>

下面的小提琴展示了一个更完整的例子：https://jsfiddle.net/8m7ot074/

如果您使用把手来处理您的模板，则需要使用“triple-stache”：{{{content}}}

【讨论】：