如何从聊天机器人的网聊中删除聊天标题

Question

我在C＃中使用MS Bot Framework和bot应用程序创建了一个聊天机器人。我通过iframe从bot框架中添加了Web聊天到我的html网站。

现在我要删除嵌入了Web聊天的聊天标题。而不是我想添加我的聊天机器人的名字。那么如何编辑我的html代码以删除聊天标题..

Answer 1

如您所知，当您使用网络聊天时，会在您的网页中加载iframe，从而呈现您的机器人。因此，除非公开，否则您无法通过JavaScript真正更改iframe内的任何内容。因此，您无法更改“聊天”。标题就是这样。

但是你可以做的是使用How to add Web Chat to your website中提到的直接线来呈现你自己的网络聊天。在这里，您可以完全控制渲染的内容及其渲染方式。

使用上述链接设置聊天后，您可以在 Chat.tsx 文件中找到并修改以下代码块。

<div className="wc-header">
    <span>{ typeof state.format.chatTitle === 'string' ? state.format.chatTitle : state.format.strings.title }</span>
</div>

将其修改为以下代码并编译它：

<span>{ typeof state.format.chatTitle === 'string' ? "Chat bot's name" : "Chat bot's name" }</span>

或者另一种更简单的方法是引用CDN中的文件，然后使用JavaScript来更改它。示例代码段：

document.getElementsByClassName("wc-header")[0].innerHTML = "<span>Chat bot's name</span>"

Answer 2

将this更改为botconnector-webchat后，您可以使用顶级botchat设置来启用/禁用/更改标题：

BotChat.App({
  directLine: ...,
  user: ...,
  bot: ...,
  resize: "detect",
  speechOptions: ...,
  chatTitle: false // use this
}, document.getElementById("bot"));