3

私が開発しているのは、ユーザーが実際のキーボードを使用せずに数式やフレーズを視覚空間に入力できる Web ページです。これまでのところ、コンテンツ編集可能な div タグであるビジュアル スペースと、その div に数字と数学記号を配置するための入力ボタンが配置された領域があります。ここで必要なのは、ユーザーが分数を div に入力できるようにする方法です。どういうわけかJavascriptを使用して下付き文字/上付き文字の「モード」に出入りし、数字を行で区切って積み重ね、ユーザーが分数への数字の入力を終了したことを示すボタンを用意することを考えましたが、現時点では、JS に関する私の知識は非常に限られています。どうすればこれを行うことができますか？

4

1 に答える 1

1

ここで解析の問題があります。正規表現を使用して定義済みのパターンに一致させました 選択した laTex スタイル{DIGIT}|{DIGIT} 

 function transformFracs() {
 //Grab digits with in {} recording only the numbers
 var regex = /{(\d+)}\|{(\d+)}/;
 //Cache for performance!
 var div = $(this);
 //Replace using html fraction notaion
 var afterReplace = div.html().replace(regex,
     "<sup>$1</sup>" +
     "&frasl;" +
     "<sub>$2</sub>")
 //Replace content of original div
 div.html(afterReplace);
 }
$(".editable").blur(transformFracs);

それをいじるには、フィドルをチェックしてください。

于 2013-06-20T08:35:53.547 に答える