我想用sapui5呈現一些javascript代碼片段。我正在嘗試使用Text控件，但是當我使用它時，我無法格式化JavaScript文本以正確顯示。是否有辦法做到這一點？如何在sapui5中呈現javascript源代碼

來源

2014-12-19 anand

您可以使用HTML核心控制嵌入到HTML/JavaScript的：https://sapui5.hana.ondemand.com/sdk/#docs/api/symbols/sap.ui.core.HTML.html

或創建自定義控制

所有其他SAPUI5控件都不受XSS和僞造攻擊的保護，使他們不會接受任何JavaScript碼。

來源

2014-12-20 17:03:42 Qualiture

我還建議您使用sap.ui.core.HTML將HTML嵌入到sapui5視圖中。但爲了正確地格式化您的代碼（例如，它應該被正確縮進），您可以使用markdown-js庫。看到這個例子：

的index.html：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> 
    <title>Render javascript source code in sapui5</title> 
    <script id="sap-ui-bootstrap" 
     src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" 
     data-sap-ui-theme="sap_bluecrystal" 
     data-sap-ui-libs="sap.ui.commons"></script> 
    <script src="markdown.js"></script> 
    <script> 
     $.get("markdown.md", function(data) { 
      var mdView = new sap.ui.core.HTML({ 
       content: markdown.toHTML(data) 
      }); 
      mdView.placeAt("uiArea"); 
     }, "html"); 
    </script> 

</head> 
<body class="sapUiBody"> 
    <div id="uiArea"></div> 
</body> 
</html>

markdown.md：

# Markdown 

To produce a code block in Markdown, simply indent every line of the block by at least 4 spaces or 1 tab. 

    for (i=0; i < 10; i++) { 
     if (true) { 
      console.log("Hello World!"); 
     } 
    }

如果你想在你的Chrome瀏覽器測試這個例子，請執行以下操作：

從markdown-js下載markdown-browser-*.tgz並將包含的markdown.js與上述一起和markdown.md在某些文件夾中。
使用參數--allow-file-access-from-files啓動Chrome並在Chrome瀏覽器窗口中刪除index.html。

來源

2014-12-23 13:41:59 Stonecrusher

如何在sapui5中呈現javascript源代碼

回答

的index.html：

markdown.md：

相關問題