html - 在 Sencha Touch 中更改 Textareafield 中特定单词的颜色

Question

我想更改 Sencha Touch2 中 Textareafield 中拼写错误单词的字体颜色。我有一系列拼写错误的单词。 这是文本区域。

           {
                xtype:'textareafield',
                label:'Note',
                id:'txt',
                scroll:'vertical',

            },

MisspeltArr 会有拼写错误的单词。

                    var misspeltArr =[];
                    for(i = 0;i<txtArr.length;i++){
                        var spellCheck = dictionary.check(txtArr[i]);
                        console.log("spellCheck : "+spellCheck);
                        if(spellCheck == false){
                            misspeltArr.push(txtArr[i]);
                        }
                    }

假设我在 textareafield 中输入了以下文本，

   Thisss is a mobile application screennn

现在我在 txt 中输入了文本

  var txt = Ext.getCmp('txt').getValue();

我想更改颜色或在文本区域字段中给错误的词添加下划线 - Thisss 和 screennn(数组中的词)。我已经实现了拼写检查，我想做的就是突出显示错误的单词。感谢您的帮助。

Answer 1

看来你必须使用比 textarea 更高级的东西。诸如 iframe 之类的东西可以完成这项工作