我正在创建一个网络聊天,这是嵌入在一个iframe的来源。我想要的是改变每个聊天消息的背景色(称为聊天泡泡)在该框架内。
这是我的代码:
<div id="webchat" role="main">
<iframe src='https://webchat.botframework.com/embed/...?s=SECRET_KEY_HERE'
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
</div>
<script type="text/javascript">
const styleOptions = {
bubbleBackground: 'rgba(0, 0, 255, .1)',
bubbleFromUserBackground: '#ddd'
};
window.WebChat.renderWebChat({
directLine: window.WebChat.createDirectLine({ secret: 'MY_SECRET_KEY_HERE' }),
// Passing "styleOptions" when rendering Web Chat
styleOptions
}, document.getElementById('webchat'));
</script>问题:
我能够看到Iframe,也可以用专用的秘密键聊天;但是,我无法看到应用在聊天泡上的样式,在页面加载时,我得到了以下错误:
未定义的TypeError:无法读取未定义的属性“renderWebChat”
原因是什么?
发布于 2020-04-23 08:53:52
https://stackoverflow.com/questions/61382009
复制相似问题