如何在SAP Fiori中的标签中以斜体格式显示特定的文本行？

如何在SAP Fiori中的标签中以斜体格式显示特定的文本行？

2020-08-19 12:13发布

站内问答 / Fiori

1851 2

点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

我想在 SAP Fiori App 中以斜体格式在" TextArea"标签中显示特定文本行。

我的文本区域数据来自 SAP OData服务，其格式为Array。我可以使用for循环显示数据，然后按如下所示设置最终数据（ JS 示例代码）：-

 var tempcomm = this.getView（）。byId（" txtArea"）;
 oModel.setData（{text_listSet：data//此处为data-包含最终数据
 }）;
 tempcomm.setModel（oModel）;

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

  </pre>
 <p> <strong>当前o/p </strong>：-<br> <br>测试第1行。<br>好的，好的-第2行。</p>
 <p>测试第3行。<br>好的，好的-第4行。</p>
 <p> <strong>所需的o/p：-</strong> <br> <br> 测试第1行-斜体格式。 <br>好的，好的-第2行。</p>
 <p> 测试第3行-斜体格式。 <br>好的，好的-第4行。</p>
 <p> <strong>注意：-</strong>文本区域是<strong>不可编辑</strong>。</p></p>
  </div>

  <div class="show-content hide hidequestioncontent">
<h6>         <strong><span style="font-size:24px;font-family:'Arial',sans-serif;color:#3C3C3C">点击此处--->
  </span></strong><a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=0G3L9uZTbor8h6vhI8-lICNXNjgwRScW&jump_from=webapi"><img src="https://www.easysap.com/data/ueditor/php/upload/image/20220811/1660198606336474.png" alt="EasySAP.com" title="EasySAP.com"/></a><strong><span style="font-size:24px;font-family:'Arial',sans-serif;color:#3C3C3C">群内免费提供SAP练习系统（在群公告中）</span></strong></h6><p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:
0;text-indent:32px">加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）</p><p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:
0;text-indent:32px"><br/></p><p>我想在<strong> SAP Fiori App </strong>中以斜体格式在" TextArea"标签中显示<strong>特定文本行</strong>。</p>
 <p>我的文本区域数据来自<strong> SAP OData服务</strong>，其格式为Array。 我可以使用for循环显示数据，然后按如下所示设置最终数据（<strong> JS </strong>示例代码）：-</p>
 <pre> var tempcomm = this.getView（）。byId（" txtArea"）;
 oModel.setData（{text_listSet：data//此处为data-包含最终数据
 }）;
 tempcomm.setModel（oModel）; </pre>
 <p>下面是<strong> XML视图</strong>示例代码：-</p>
 <pre> <TextArea id =" txtArea"
                         value =" {/text_listSet}" height =" 20rem" growth =" true" editable =" false"/> </pre>
 <p> <strong>当前o/p </strong>：-<br> <br>测试第1行。<br>好的，好的-第2行。</p>
 <p>测试第3行。<br>好的，好的-第4行。</p>
 <p> <strong>所需的o/p：-</strong> <br> <br> 测试第1行-斜体格式。 <br>好的，好的-第2行。</p>
 <p> 测试第3行-斜体格式。 <br>好的，好的-第4行。</p>
 <p> <strong>注意：-</strong>文本区域是<strong>不可编辑</strong>。</p>  </div></div>
<div class="details-con-other border-top">
<div class="">



<div class="three-link">
   <!-- cdn节点 问题操作按钮 -->
                        <div class="cdn_question_button"></div>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="container index" id="showanswerform">
<div class="row">
<div class="col-md-17 main " style="padding: 0px;">
<div class="note ">
<div class="post">
<div class="comment-list">
<div class="new-comment canwirteanswer"
style="margin: 0px 10px 10px 10px;">
<div style="" class="answer-txtbox bb top-answer"
id="answer-txtbox"><form class="new-comment" id="huidaform" name="answerForm"
method="post" style="margin: 10px;">
<input type="hidden" value="16615" id="ans_qid"
name="qid"> <input type="hidden" id="tokenkey" name="tokenkey"
value='' /> <input type="hidden"
value="如何在SAP Fiori中的标签中以斜体格式显示特定的文本行？" id="ans_title" name="title">
<script src="https://www.easysap.com/static/js/neweditor/ueditor.config.js" type="text/javascript"></script>
<script src="https://www.easysap.com/static/js/neweditor/ueditor.all.js" type="text/javascript"></script>
<script type="text/plain" id="editor"  name="content"  style="width:100%;height:200px;"></script>                                 
<script type="text/javascript">
                                 var isueditor=1;
            var editor = UE.getEditor('editor',{
                //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
                toolbars:[['fullscreen',   'source','|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|', 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'link', 'unlink', 'anchor', '|', 'simpleupload', 'insertimage', 'scrawl', 'insertvideo', 'attachment', 'map', 'insertcode', '|', 'horizontal', '|', 'preview', 'searchreplace', 'drafts']],
            
                initialContent:'',
            
            
                //关闭字数统计
                wordCount:false,
                //关闭elementPath
                elementPathEnabled:false,
                //默认的编辑区域高度
                initialFrameHeight:250
                //更多其他参数，请参考ueditor.config.js中的配置项
                //更多其他参数，请参考ueditor.config.js中的配置项
            });

        </script><div class="write-function-block"><div class="hint">付费偷看设置</div>

<div class="emoji-modal-wrap">
<a class="emoji " data-toggle="tooltip"
data-placement="right" title=""
data-original-title="设置付费查看回答金额"> <i
class="fa fa-paypal text-red mar-ly-1"></i>
</a>
</div> <a class="btn btn-send" id="ajaxsubmitasnwer">发送</a>
</div></form></div>


</div>



<div id="comment-list" class="comment-list bb"
style="margin: 0px; margin-bottom: 20px;">

<div id="normal-comment-list" class="normal-comment-list">
<div>
<div>
<div class="top" id="comments">
<span>2条回答</span>

<div class="pull-right"></div>
</div>
</div>                                                                    
           
            <div id="comment-46622" class="comment">
            <div>
                                  <div class="author">
            <a href="https://www.easysap.com/u-75.html" target="_self" class="avatar">
            <img src="https://www.easysap.com/data/avatar/000/00/00/small_000000075.jpg"  onmouseover="showInfoCard(this,'usercard',75)" onmouseout="hideInfoCard('usercard')" >
            </a>
            <div class="info">
            <a href="https://www.easysap.com/u-75.html" target="_self" class="name">
            zhangjiyang1323                                          </a>
            <!---->
             <div class="meta">
             <span>1楼-- · 2020-08-19 13:12</span>
             </div>
             </div>
             </div>
                          <div class="comment-wrap art-content">
             <div class="answercontent" style="max-height:10000000px">
                                                                          <p>您可以使用带格式的文本以斜体显示。 我认为我们不会以斜体显示标准文本，也许另一种选择是使用CSS。</p>
 <pre>
 格式化文本样本
 视图：

 <VBox class =" sapUiMediumMargin">
 <FormattedText htmlText =" {/HTML}"/>
 </VBox>

 控制者

 var oModel = new JSONModel（{
 HTML：" <h3>子标题</h3>" +
 " 测试"" em是斜体标签
 }）;
 this.getView（）。setModel（oModel）;
 </pre>                                                                    <div class="appendcontent">
                                                        </div>
            </div>
       
             <div class="tool-group">
             <!-- cdn节点 回答操作 -->
<div class="cdn_question_answer46622"></div>
<script type="text/javascript">
  getquestioncaozuo(5,16615,46622);
</script>

                </div>
                </div>
                  
                </div>


<div class="comments-mod "
style="display: none; float: none; padding-top: 10px;"
id="comment_46622">
<div class="areabox clearfix">

<div class="input-group">
<input type="text" placeholder="请输入评论内容，不少于5个字"
AUTOCOMPLETE="off" class="comment-input form-control"
name="content" /> <input type='hidden' value='0'
name='replyauthor' /> <span class="input-group-btn"><input
type="button" value="评论" class="btn btn-green"
name="submit" onclick="addcomment(46622);" /> </span>
</div>

</div>
<ul class="my-comments-list nav">
<li class="loading text-left"><img
src='https://www.easysap.com/static/css/default/loading.gif'
align='absmiddle' /> 加载中...</li>
</ul>
</div>

</div>
         
            <div id="comment-46623" class="comment">
            <div>
                                  <div class="author">
            <a href="https://www.easysap.com/u-128.html" target="_self" class="avatar">
            <img src="https://www.easysap.com//static/css/default/avatar.gif"  onmouseover="showInfoCard(this,'usercard',128)" onmouseout="hideInfoCard('usercard')" >
            </a>
            <div class="info">
            <a href="https://www.easysap.com/u-128.html" target="_self" class="name">
            微wx笑                                          </a>
            <!---->
             <div class="meta">
             <span>2楼-- · 2020-08-19 13:12</span>
             </div>
             </div>
             </div>
                          <div class="comment-wrap art-content">
             <div class="answercontent" style="max-height:10000000px">
                                                                          <p>您好Ashutosh，感谢您的答复，正如我在帖子中提到的，我正在以数组形式获取数据。 因此，如果您可以对其进行更多解释或提供一些链接，将会更有帮助。</p>
 <p>谢谢！</p>                                                                    <div class="appendcontent">
                                                        </div>
            </div>
       
             <div class="tool-group">
             <!-- cdn节点 回答操作 -->
<div class="cdn_question_answer46623"></div>
<script type="text/javascript">
  getquestioncaozuo(5,16615,46623);
</script>

                </div>
                </div>
                  
                </div>


<div class="comments-mod "
style="display: none; float: none; padding-top: 10px;"
id="comment_46623">
<div class="areabox clearfix">

<div class="input-group">
<input type="text" placeholder="请输入评论内容，不少于5个字"
AUTOCOMPLETE="off" class="comment-input form-control"
name="content" /> <input type='hidden' value='0'
name='replyauthor' /> <span class="input-group-btn"><input
type="button" value="评论" class="btn btn-green"
name="submit" onclick="addcomment(46623);" /> </span>
</div>

</div>
<ul class="my-comments-list nav">
<li class="loading text-left"><img
src='https://www.easysap.com/static/css/default/loading.gif'
align='absmiddle' /> 加载中...</li>
</ul>
</div>

</div>
<div class="pages"></div>

</div>
</div>
<div></div>
</div>
<!-- cdn 问答邀请 -->
<div class="cdn_question_invate"></div>		
<script type="text/javascript">
getquestioncaozuo(7,16615);
</script><div class="new-answer bb">
<h3 class="title">
一周热门 <a href="https://www.easysap.com/content/solve.html" target="_blank" class="more">更多<font>>
</font></a>
</h3>
<div class="inf-list">
<ul class="clearfix">
</ul>
</div>
</div>

</div>
</div>


</div>

</div>

<div class="col-md-7  aside "><div class="ad_vip" style="margin-bottom: 10px;">
<a href="javascript:login()"><img style="width: 100%;"
src="https://www.easysap.com/static/images/ad_vip.png" /></a>
    <h6>点击此处--->
                <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=0G3L9uZTbor8h6vhI8-lICNXNjgwRScW&jump_from=webapi"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="EasySAP.com" title="EasySAP.com"></a>
                一起学习S4 HANA ...</h6>
</div><div class="standing">
<div class="positions bb" id="rankScroll">
<h3 class="title">相关问答</h3>
<ul><li class="no-video"><a
href="https://www.easysap.com/q-111093.html"
title="仅针对一种布局的样式"> 仅针对一种布局的样式 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111093.html" class="anum">
4 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111076.html"
title="网关属性标签"> 网关属性标签 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111076.html" class="anum">
1 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111058.html"
title="在SAP HANA内部部署环境中更新SAPUI5交付单元？"> 在SAP HANA内部部署环境中更新SAPUI5交付单元？ </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111058.html" class="anum">
7 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111045.html"
title="值帮助对话框控件中的搜索帮助"> 值帮助对话框控件中的搜索帮助 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111045.html" class="anum">
3 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111030.html"
title="SAP UI5：-需要更改Richtext Editor默认文本"> SAP UI5：-需要更改Richtext Editor默认文本 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111030.html" class="anum">
1 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111024.html"
title="在调试模式下加载忙指标，但在运行时不加载"> 在调试模式下加载忙指标，但在运行时不加载 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111024.html" class="anum">
2 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111020.html"
title="将第三方库添加到SAP Design Studio"> 将第三方库添加到SAP Design Studio </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111020.html" class="anum">
4 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-110903.html"
title="获取SAPUI5 1.38运行时库"> 获取SAPUI5 1.38运行时库 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-110903.html" class="anum">
2 个回答</a>
</div></li> </ul>
</div>
</div><!--广告位5--></div>
</div>
</div>

<div class="modal fade" id="dialogadopt">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
</button>
<h4 class="modal-title">采纳回答</h4>
</div>
<div class="modal-body">

<form class="form-horizontal" name="editanswerForm" method="post">
<input type="hidden" value="16615" id="adopt_qid"
name="qid" /> <input type="hidden" id="adopt_answer" value="0"
name="aid" />
<table class="table ">
<tr valign="top">
<td>向帮助了您的网友说句感谢的话吧!</td>
</tr>
<tr>
<td>
<div class="inputbox mt15">
<textarea class="form-control" id="adopt_txtcontent"
name="content">非常感谢!

如何在SAP Fiori中的标签中以斜体格式显示特定的文本行？

点击此处---> 群内免费提供SAP练习系统（在群公告中）

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间