jquery - jQuery を使用して、ユーザーが入力するときにその場で数字に添え字を追加する

Question

ユーザーがテキストボックスに入力するときに数字に添え字タグを追加することは可能ですか?たとえば、ユーザーが H20 を入力すると、すぐに H ₂ 0 に変換されます。jQuery を使用したソリューションを探していますか?

Answer 1

Answer 2

更新 2 : 以下の提案は、Chrome または Safari では機能しないようです :( 私は最初に Firefox でテストしました。いずれにせよ、それは有用な出発点になる可能性があります。

---

更新: Dr.Molle が指摘したよう<textarea>に、通常のコンテンツを HTML マークアップで装飾することはできません。そうは言っても、目的を達成するためにある種の WYSIWIG ライブラリを使用することを検討するかもしれません。たとえば、TinyMCEを使用して、あなたが望むと思われる動作のラフ ドラフトを得ることができました。この jsFiddle デモを見て、それがどのように機能するかを確認してください。

---

元の回答:これは、実行できる可能性のある一種のハッキーなアプローチです:

$("#text-input").keypress(function() {
    var text = $(this).val();
    $("#output").html( text.replace(/(\d+)/g, "<sub>$1</sub>") );
});