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

Question

我正在开发一个非常简单的数学编辑器，我希望用户能够通过单击按钮输入[÷]和[×]。我已将这些字符直接放在代码中。它们呈现为错误。当我尝试使用＆amp; divide; 或＆amp; times; 时，textarea显示＆amp; divide; 或＆amp; times; 而不是[÷]或[×]。我有CSS将字体设置为Arial。

代码收到一个名为newSymbol的参数，然后附加它：

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

非常感谢任何帮助。

Answer 1

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

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

DEMO： http://jsfiddle.net/QcjCZ/

---

或者，如果HTML序列更易于记忆，请创建HTML地图以进行unicode：

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

并像这样使用它：

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