我正在构建一个需要输入的应用程序,其中一些单词需要着色。
我很快就开始查看各个帖子中建议的contenteditable
元素。
对于我的验证,我有一个很好的单词样本,而其他所有单词都不好。
我是这样做的:
客户端html页面:
我在<p id="input" contenteditable="true">
onkeyup:
我调用parseInput()
(我也使用setTimeout做一些工作来阻止在每个keyup上调用这个函数)
parseInput()
:
我在输入中得到所有文本,我用空格分割得到每个单词。
对于每个单词,我在<span>
附近插入了一个类ok
,nok
,check
。我用callValidation()
调用异步验证。
callValidation()
:
我将需要检查的所有单词发送到服务器,我得到每个单词true
/ false
。这样我就可以通过check
或ok
更改输入中的所有nok
类。
(如果必要,我会做一个小提琴)
我发现在课程中插入html后来修改它们有点脏,但我找不到更好的方法...... 你认为有更好的方法吗?
答案 0 :(得分:0)
我认为更好的方法是将单词发送到服务器,答案是带有正确类的HTML代码段!