SharePoint内容编辑器不显示PnPJS代码

Question

我希望能够显示我的PnPJS代码并使其显示在内容编辑器中，但是我在提取数据并显示它时遇到了麻烦。

这是我到目前为止所拥有的：

1。）

  

我制作了一个名为O365RoadMap的SharePoint列表，该列表会自动在Microsoft Office 365路线图上提取新更新并将其发布   在列表中使用Microsoft Flow。   

2。）

这是pnpJS代码，该代码从列表中提取数据并尝试在内容编辑器中显示它。

<div class="roadMap" id="roadMap"></div>

<script src="/siteassets/bootstrap3/js/jquery-1.8.3.min.js"></script>
<script src="/publiccdnlib/PnP-JS-Core/pnp.min.js"></script>
<script type="text/javascript" src="/publiccdnlib/es6-Promise/es6-promise.auto.js"></script>
<script type="text/javascript" src="/publiccdnlib/fetch/fetch.min.js"></script>
<script src="/publiccdnlib/slick/slick.min.js"></script>
<script src="/publiccdnlib/CommonJS/CommonJS.js"></script>
<script src="/publiccdnlib/knockout/knockout.js"></script>
<script src="/publiccdnlib/knockout/knockout.simpleGrid.3.0.js"></script>
<script src="/publiccdnlib/toastr/toastr.min.js"></script>
<script src="/publiccdnlib/dialog/open-sp-dialog.js"></script>
<!--END Scripts for O365-->

<script>

    $pnp.setup({
        baseUrl: "/TrainingResourceCenter/O365Training"
    });
                                    <!--document.getElementById("roadMap").innerHTML = JSON.stringify(result, null, 2)-->
    $pnp.sp.web.lists.getByTitle("O365RoadMap").items.get().then(function(z){
        console.log(z);
        var result = z.results.map(a => ({
            Title: `${a.Title}`,
            Description: `${a.Description}`,
            Link: `${a.Link}`
            })
        )
        console.log(result);
    })
</script>

3。）

使用控制台日志可以很好地获取我的结果：

4。）
但是由于某种原因，它没有显示在内容编辑器中，而是链接到正确的.txt文件位置，我是否缺少某些内容？所有帮助将不胜感激。

Answer 1

您可以直接将代码插入内容编辑器。