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

Question

我正在开发一个非常简单的数学编辑器，我希望用户能够通过单击按钮输入 [÷] 和 [×]。我已将这些字符直接放入代码中。它们呈现为错误。当我尝试使用÷ 或× 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["÷"];
});