如何在共享点 Web 部件中添加内联 JS/HTML 代码

Posted 2023-03-27

技术标签:

【中文标题】如何在共享点 Web 部件中添加内联 JS/HTML 代码【英文标题】：How to add a inline JS/HTML code in a sharepoint web part 【发布时间】：2018-11-10 10:54:32 【问题描述】：

我目前正在尝试优化嵌入在我的 sharepoint 网站中的机器人。为此，我需要在 Web 部件中添加下面的代码，或者至少在链接和 .

<html>
  <head>
    <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" />
  </head>
  <body>
    <div id="bot"/>
    <script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script>
    <script>
      BotChat.App(
        directLine:  secret: 'YOUR_DIRECT_LINE_SECRET' ,
        user:  id: 'USER_ID' ,
        bot:  id: 'YOUR_BOT_ID' ,
        resize: 'detect'
      , document.getElementById("bot"));
    </script>
  </body>
</html>

有人可以帮帮我吗？

PS：我对sharepoint真的不太了解，但我知道sharepoint用户的版本是最后一个。

【问题讨论】：

【参考方案1】：

您可以使用内容编辑器 Web 部件。

按照以下步骤：

在 SharePoint 设计器中创建您的 JS 文件并将您的 html 和 JS 代码放在这里。

在浏览器中打开要添加此代码的页面

点击右上角齿轮图标的编辑页面。

在功能区上单击插入>>在类别下选择媒体和内容>>选择内容编辑器 Web 部件并单击添加。

单击内容编辑器 Web 部件右上角的三角形，然后单击编辑 Web 部件。

添加您的 JS 文件的链接，然后单击测试。