是否可以在TextArea中更改特定文本的颜色/字体?

时间:2018-01-10 15:39:03

标签: javascript css textarea sapui5

我的SAPUI5应用程序中有一个TextArea元素,允许用户将数据粘贴到其中。他们从Excel复制数据并将其粘贴到TextArea中,数据为x列×3行。一旦他们点击一个按钮,我就抓住数据并检查发现的任何错误。我想要做的是:突出显示(或其他)包含错误的特定数据集,以便他们知道要修复的内容。目前我在行旁边添加文字以显示要查看的位置,但这可能会给用户带来很多困惑。

这些是我的代码段 XML视图

<FlexBox direction="Column" alignItems="Center">
        <items>
            <Label text="Paste excel data inside box below (don't enter column headers)" design="Bold" required="true"/>
            <TextArea id="input" rows="30" cols="80" />
            <Button id="processBtn" text="Process" press="onProcess"/>
            <Button id="clearBtn" text="Clear" press="onClear"/>
        </items>
    </FlexBox>

发现错误后更新TextArea的错误代码

displayInputErrors: function(faultyRows){        
        var inputText = "";

        for(var i=0; i<data.length; i++){
            if(faultyRows.indexOf(i) != -1)
                inputText += data[i].NSN + "\t" + data[i].QTY + "\t" + data[i].PRICE +" *** Row("+(i+1)+")\n";  
            else
                inputText += data[i].NSN + "\t" + data[i].QTY + "\t" + data[i].PRICE +"\n";
        }

        inputControls.textInput.setValue(inputText);
    },

这是现在更新后的数据。 1234566第234行 123455 frts 2-43 ***排(2) 1234566第234行 12345a5 frts 243 ***排(4) 1234566第234行 123455 frts 243

这方面的一个问题是用户还需要删除&#34; *** Row(x)&#34;除了解决问题。如果他们留下任何东西,它将被标记为有错误。任何指向正确方向的人都会受到赞赏。

0 个答案:

没有答案