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

没有javascript很难做到这一点。所以我的建议是使用javascript。

如果我们有“Here iz somme badlyy speldt worddz”。当我们点击某个坏词时，我们使用 javascript（我们可以使用 jquery）捕获鼠标位置，然后根据我们从鼠标位置获得的位置显示弹出窗口。

于 2013-03-18T09:05:03.467 回答
1

请看一下BJSpell - 它是 javascript 中的一个很好的实现，可以使用 Hunspell 字典。

于 2013-03-18T08:53:17.027 回答