在屬性中存儲HTML

我像這樣在元素屬性中存儲HTML代碼。在屬性中存儲HTML

<div data-html-code="<iframe width="560" height="315" src="https://www.youtube.com/embed/sNhhvQGsMEc" frameborder="0" allowfullscreen></iframe>"></div>

我該如何轉義所有必需的字符才能使這個使用jQuery/Javascript有效？

來源

2016-02-09 guub

替換單引號雙引號或由\轉義「\」的字符串。像這樣：https://jsfiddle.net/DinoMyte/c8jzo021/ – DinoMyte

使用像這樣的單引號'

' –

如何在輸入字段中輸入代碼時動態執行此操作？也有必要逃避'<', '>'？ – guub

使用這種htmlEscape方法

function htmlEscape(str) { 
    return String(str) 
      .replace(/&/g, '&amp;') 
      .replace(/"/g, '&quot;') 
      .replace(/'/g, '&#39;') 
      .replace(/</g, '&lt;') 
      .replace(/>/g, '&gt;'); 
}

這應該給你，可以作爲一個有效的HTML屬性值

來源

2016-02-09 18:13:09 gurvinder372

在屬性中存儲HTML

回答

相關問題