以 HTML 格式显示 Backbone collection

Question

我有一个 Marionette CollectionView 显示来自 collection 的一些数据。一切正常，但我的 collection 中的一些项目有 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

而不是

This is a bold content

This is a italic content

有一些 Marionette 本机属性允许 HTML 格式化，或者我应该编写一个函数来转换 HTML 实体吗？感谢您的提前。

Answer 1

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

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

vs HTML-转义：

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

下面的fiddle显示了一个更完整的例子：https://jsfiddle.net/8m7ot074/

如果您使用车把来处理模板，则需要使用 'triple-stache'：{{{content}}}

Display a Backbone collection with HTML formatting