我想用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：

相关问题