聚合物1.x nl2br或要求驗證模板中的html

Question

在自定義元素模板中，假定存儲爲this.foo的字符串，例如hello\world。

如何將\n替換爲<br />？

在SE發現提多汁的幾個職位（https://github.com/Juicy/juicy-html） 其他使用自定義元素的包裝（見Bind text with line breaks）

但是是不是有一個更簡單的方法，那做這樣的事情：

<template is="dom-repeat" items="{{bubbles}}"> 
    <li><span class="content">{{getContent(item)}}</span></li> 
</template> 

而且

getContent: function(item) { 
    return item.content.replace(/\\n/g, "<br />") 
} 

問題是<br />不evalua ted作爲一個HTML元素

所以沒有一個適當的方法來驗證字符串對某些允許的標籤（在這種情況下爲br），還是我必須真的去多汁的方式？

您認爲如何？ ;）

Answer 1

好吧，現在看來最好的（也是唯一的）方法是將HTML字符串作爲參數傳遞給我的自定義元素，而不是使用innerHTML在所述自定義元素中注入HTML ...

這正是Juicy（https://github.com/Juicy/juicy-html）所做的。

結論，要麼使用innerHTML自己在你的自定義元素，或使用多汁;）