有沒有原生方法可以在javascript中使用HTML轉義字符實體？

Question

Unicode字符𠮵由點給出134069 ，擁有HTML逃生𠮵

是否有一種（最好是本機的）方法來從Javascript獲取字符實體的HTML轉義？

Answer 1

您可以像這樣獲取char的point和hex值：

var codePoint = '𠮵'.codePointAt(0); //codePoint = 134069
var hexValue = '𠮵'.codePointAt(0).toString(16); //hexValue = 20bb5
var htmlEscape = '&#x' + hexValue + ';'; //htmlEscape = 𠮵

這是一個工作示例：

 $('#doIt').click(function() { $('#outputHex').html($('#inputText').val().codePointAt(0).toString(16)); $('#outputString').html('&#x' + $('#inputText').val().codePointAt(0).toString(16) + ';'); $('#outputChar').html('&#x' + $('#inputText').val().codePointAt(0).toString(16) + ';'); }); 

 code { display: block; padding: 4px; background-color: #EFEFEF; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea id="inputText"></textarea> <button id="doIt">do it</button> <h3>result</h3> <code id="outputHex"></code> <code id="outputString"></code> <code id="outputChar"></code> 

還有一點，codePointAt是ES6函數，較舊的瀏覽器不支持。 如果瀏覽器阻止代碼在此處運行： JSFiddle示例

Answer 2

這是一個將所有非ASCII7字符以及< ， > &為HTML實體的函數：

 function htmlEntities(s) { return Array.from(s).map(function (c) { return c.codePointAt(0) < 128 && '<&>'.indexOf(c) == -1 ? c : '&#x' + c.codePointAt(0).toString(16) + ';'; }).join(''); } var s = 'This is \\u{20BB5}, a special character & encoded in HTML.'; document.body.innerHTML = htmlEntities(s); 

請注意，在Javascript字符串中，擴展的unicode字符被視為兩個字符（例如length ）。 ES6構造如Array.from ， [...s]確保獲得正確的塊。