使用JavaScript / jQuery在textarea中渲染乘法和除法符號

Question

我正在開發一個非常簡單的數學編輯器，我希望用戶能夠通過單擊按鈕輸入[÷]和[×]。 我已將這些字符直接放在代碼中。 它們呈現為錯誤。 當我嘗試使用＆divide; 或者＆次; textarea顯示和分裂; 或者＆次; 而不是[÷]或[×]。 我有CSS將字體設置為Arial。

代碼接收一個名為newSymbol的參數，然后附加它：

var textArea = $('#symbolsTextArea');
textArea.val(textArea.val() + newSymbol);

任何幫助將非常感激。

Answer 1

使用unicode字符而不是HTML特殊字符。

textArea.val(function(i, val) {
    return val + "\u00f7";
});

演示： http ： //jsfiddle.net/QcjCZ/

---

或者，如果HTML序列更易於記憶，請創建HTML地圖以進行unicode：

var symbol = {
    "÷":"\u00f7",
    "×": "\u00d7"
};

並像這樣使用它：

textArea.val(function(i, val) {
    return val + symbol["÷"];
});