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

Question

我希望能够显示我的 PnPJS 代码并使其显示在内容编辑器中，但我无法将数据拉入并显示。

这是我目前的情况：

1.)

I made a SharePoint list called O365RoadMap that automatically pulls new updates on Microsoft's Office 365 Roadmap and posts them within the list using 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

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

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

SharePoint Content Editor not displaying PnPJS Code

javascript

sharepoint

json

sharepoint-2010

node.js