网上聊天:头像缩写和图片未显示

时间:2019-09-16 08:03:55

标签: botframework

我已经使用MS Bot Framework创建了一个漫游器,现在我想使用网络聊天作为渠道。不幸的是,根据documentation的说法,添加头像的缩写和图像对我似乎不起作用。

这是文档中使用botAvatarInitials传递首字母缩写的非常简单的代码:

<!DOCTYPE html>
<html>
   <body>
      <div id="webchat" role="main"></div>
      <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
      <script>
         window.WebChat.renderWebChat(
            {
               directLine: window.WebChat.createDirectLine({
                  secret: 'YOUR_BOT_SECRET'
               }),

               // Passing avatar initials when rendering Web Chat
               botAvatarInitials: 'BF',
               userAvatarInitials: 'WC'
            },
            document.getElementById('webchat')
         );
      </script>
   </body>
</html>

任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

看来这是不正确的记录。需要在样式选项中设置botAvatarInitialsuserAvatarInitials

const styleOptions = {
  botAvatarInitials: 'BF',
  userAvatarInitials: 'WC'
};

window.WebChat.renderWebChat({
    directLine: window.WebChat.createDirectLine({secret: 'YOUR_BOT_SECRET'}),
    styleOptions
  },
  document.getElementById('webchat')
);

有关更多详细信息,请查看Display User and Bot Initials网络聊天示例。