javascript - JavaScript / jQueryを使用してテキストエリアに乗算および除算記号をレンダリングする

Question

非常にシンプルな数学エディタを開発しています。ユーザーがボタンをクリックして [÷] と [×] を入力できるようにしたいと考えています。これらの文字をコードに直接入れました。それらはエラーとしてレンダリングされています。÷を使おうとすると または× テキストエリアには÷ と表示されます。または× [÷] や [×] ではなく。フォントをArialに設定するCSSがあります。

コードは、呼び出されたパラメーターを受け取り、newSymbolそれを追加します。

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

どんな助けでも大歓迎です。

Answer 1

HTML 特殊文字の代わりに Unicode 文字を使用します。

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["÷"];
});