2

HTML入力フィールドでスペルチェックを行いたいです。このために、間違った単語を強調表示し、その単語の下に代替案を表示したいと思います。

バックグラウンドでの機能はすでに機能しています。現在、http://jquery-spellchecker.badsyntax.co/ (siddhartha が言及) を使用しています。これがリッチテキストフィールドでどのように実行できるかを理解し、例を見つけましたが、単一行の入力ではできません<input type="text" value="Here iz somme...">。私の問題は、正しい場所に単語選択ボックスが表示されないことです。HTML入力が「Here iz somme」で「Iz」をクリックすると、そのテキストの下にポップアップを配置できません。

これがどのように見えるかです(「Here iz somme badlyy speldt worddz」がhtml入力値であると想像してください)

ここに画像の説明を入力

4

3 に答える 3

1

jquery プラグインを使用できます。ここで確認してください

http://jquery-spellchecker.badsyntax.co/

回避策は、テキスト領域を入力テキストのように見せることです。つまり、入力フィールドのようにスタイルします

HTML:

<textarea id="textarea-content" rows="1" style="width:90%" spellcheck="false">Here iz somme badlyy speldt worddz</textarea> 

CSS:

textarea
{
   resize: none;
   border:solid 1px #d2d2d2;
   background: #fff;
   color: #333;
   height: 44px;
}
于 2013-03-18T08:45:40.630 に答える
1

BJSpellをご覧ください。JavaScriptでの優れた実装であり、Hunspell 辞書を使用できます。

于 2013-03-18T08:53:17.027 に答える
1

JavaScript なしでそれを行うのは難しいです。したがって、私の提案はjavascriptを使用することです。

「Here iz somme badlyy speldt worddz」があるとします。特定の悪い単語をクリックすると、javascript (jquery を使用できます) でマウスの位置をキャプチャし、マウスの位置から取得した位置に基づいてポップアップを表示します。

于 2013-03-18T09:05:03.467 に答える