如何在bot框架网页聊天中删除iframe的标题

Question

我的机器人的iFrame通过向他们注册机器人来使用Microsoft bot框架。现在，我需要删除/更改该机器人的标题从“聊天”到另一个自定义。

我该怎么做？

提前致谢。

Answer 1

  

我需要从＆＃34;聊天＆＃34;删除/更改该机器人的标题另一个自定义

要重新设计和自定义网络聊天界面，您可以尝试克隆the repo，修改源代码，然后编译成您自己的版本。为了满足您的要求：更改网络聊天的标题，您可以在 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' ? "my chat bot" : "my chat bot" }</span>

在我的网站上使用它，这对我有用。

Answer 2

当您使用没有“黑客”的iFrame时，无法编辑标题，例如使用CSS覆盖修改DOM。但是，您不必像其他答案中所提到的那样编辑/分叉WebChat代码本身。可以使用ChatProps传递自定义标题/空标题。

了解include the WebChat on your own website的可能性。然后传递chatTitle参数，将标题更改为您的首选项。

  

chatTitle规则：

     

  
• 传递undefined或true，我们将显示带有默认文本（区域设置敏感）
的标头   传递
• false（或者除了undefined之外的虚假），我们将删除标题
  
• 传递一个字符串，我们将显示带有文本的标题