ブラウザでのリアルタイムの数学入力

Question

これは私のprevious, unansweredの質問に続くものです。

目標：Webページ内の入力フィールド（一般的な意味は、具体的にない形）特定のpatters、など$ \ int型$、の入力が数学をレンダリングする - この場合は積分記号、フィールド自体の中では、別のプレビューボックスではなく、です。

リンクされた質問で、私はconteneteditableにリンクしていましたが、MathJaxで実装しようとしましたが、失敗しました（数えられないIEで多少動作します）。 contenteditableがひどいのはどういう唇をしてはいけません、私はこれを今よく知っています。

私はIXLウェブサイトに出くわしました。彼らは、上付き文字と小数点（少なくとも）にうまく機能する興味深い実装を持っています。いくつかの質問に答えると、ツールバーが表示されますが、Shift + ^キーを押すと上付き文字がすぐに表示されます。

これは私が必要とする他のもののために拡張することができると思いますが、コードではこれが何をしているのかよく分かりません。キャンバスのように見えますが、わかりません。彼らが使用しているものをすぐに。ページのソースにはJSがあります。

私はMathJax GitHubと他のツールを使って解決策を投稿しましたが、現在のところ、この機能は正しくありません（「プレビュー」ボックスのみ）。 これは私の最終的な試みです。ここの人々の多様性は、うまくいけば私を始めさせることができます。私はちょうど私の読書に焦点を当てる必要があります - コードの最初の行は、どのように入力フィールドのボックスにライン上にそのボックスとしてレンダリングされます。

私自身のコードを投稿していないことをお詫びします。私の以前の質問はこれまでの私の最高の試みでした。

Answer 1

jiggzsonの提案によれば、私はGuppyをチェックアウトして、それをフォークして、それは素晴らしいものです。あなたは私のフォークをhttps://github.com/uperetz/guppyにチェックすることができます。最新のデモをここに掲載します。現在のブランチはtextmixですが、私はダニエルがマスターに合流することを望んでいます。