如何在sapui5中呈现javascript源代码_Sapui5

如何在sapui5中呈现javascript源代码

sapui5

如何在sapui5中呈现javascript源代码,sapui5,Sapui5,我想用sapui5呈现一些javascript片段。我正在尝试使用文本控件，但当我使用该控件时，我无法格式化javascript文本以正确显示。有没有办法做到这一点？您可以使用HTML核心控件嵌入HTML/javascript：或创建自定义控件所有其他SAPUI5控件都受到XSS和伪造攻击的保护，因此它们不会接受任何javascript代码我还建议您使用sap.ui.core.HTML在sapui5视图中嵌入HTML。但是，为了使代码正确格式化，例如，它应该正确缩进，您可以使用库。请参见此

我想用sapui5呈现一些javascript片段。我正在尝试使用文本控件，但当我使用该控件时，我无法格式化javascript文本以正确显示。有没有办法做到这一点？

您可以使用HTML核心控件嵌入HTML/javascript：

或创建自定义控件

所有其他SAPUI5控件都受到XSS和伪造攻击的保护，因此它们不会接受任何javascript代码

我还建议您使用sap.ui.core.HTML在sapui5视图中嵌入HTML。但是，为了使代码正确格式化，例如，它应该正确缩进，您可以使用库。请参见此示例：

index.html： markdown.md：如果要在Chrome浏览器中测试此示例，请执行以下操作：

从下载markdown browser-*.tgz，并将包含的markdown.js与上面的index.html和markdown.md一起放在某个文件夹中。使用参数启动Chrome-允许从文件访问文件，并将index.html放到Chrome浏览器窗口中。

<!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

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!");
        }
    }