如何在SAP Fiori应用程序的TextArea标记中以斜体格式显示特定的文本行

Question

我想在SAP Fiori应用程序中以斜体格式在"TextArea"标记中显示特定文本行

我的文本区域数据来自SAP OData Service，形式为Array。我可以使用for loop&然后将我的最终数据设置如下(JS示例代码(：-

var tempcomm = this.getView().byId("txtArea"); 
oModel.setData({
text_listSet : data   //here data - contains the final data
}); 
tempcomm.setModel(oModel);

以下是XML视图示例代码：-

<TextArea id="txtArea" 
value="{/text_listSet}"
height="20rem" growing="true" editable="false" />

当前o/p:-

测试行1。
好的，第二行。

测试第3行。
好，好-第4行。

所需o/p:-

测试行1-斜体格式
好的，第二行。

测试第3行-斜体格式
好的，第4行。

注意：-文本区域不可编辑。

Answer 1

如果sapui5使用普通的HTML5文本区域，那么就无法格式化其中的文本。如果你想格式化文本，那么你必须用contenteditable="true"创建自己的自定义元素，然后用<i></i>标记或用css中的font-style:更改来填充<span></span>标记。

参见contenteditable的文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable