1

是否可以在任何通道的 V4 机器人框架中禁用用户输入文本区域?我有这个作为客户要求的一部分有人可以帮助我吗

在此处输入图像描述

4

1 回答 1

6

您所指的盒子称为发送框。如果您使用的是BotFramework-Web Chat,您可以通过styleOptions如下方式传递值来禁用它:

<script>
  (async function () {

    const styleOptions = {
      hideSendBox = true
    }

    [...]

    window.ReactDOM.render(
      <ReactWebChat
        directLine={directLine},
        styleOptions={styleOptions}
      />,
      document.getElementById( 'webchat' )
    );
  })
</script>

如果您使用的是 iFrame 嵌入式版本的网络聊天,它是不可配置的。

希望有帮助!


编辑

如果您希望发送框根据从机器人接收到的活动类型做出响应,那么您将需要结合使用activityMiddleware()函数和事件发射器/侦听器。在以下示例中,我在suggestedActions活动属性时隐藏/显示发送框。

请注意,数据值应为“none”和“flex”。尤其是后者的值,当它不是suggestedActions为了保持当前代码时。

<script>
  (async function () {

    [...]

    const activityMiddleware = () => next => card => {
      const { activity: { suggestedActions } } = card;
      const toggleSendBoxEvent = new Event('ToggleSendBoxEvent')
      if (suggestedActions) {
        toggleSendBoxEvent.data = "none";
        window.dispatchEvent(toggleSendBoxEvent);
      } else {
        toggleSendBoxEvent.data = "flex";
        window.dispatchEvent(toggleSendBoxEvent);
      }
  
      return next(card);
    )

    [...]

    window.ReactDOM.render(
      <ReactWebChat
        directLine={ window.WebChat.createDirectLine({ token }) }
        activityMiddleware={ activityMiddleware }
      />,
      document.getElementById( 'webchat' )
    );

    window.addEventListener('ToggleSendBoxEvent', ( { data } ) => {
      const sendBoxes = document.getElementsByClassName("main");
      let send_Box;
      for (let sendBox of sendBoxes) {
        send_Box = sendBox;
      }
      send_Box.setAttribute('style', `display:${ data }`)
    })

  });
</script>

在此处输入图像描述

希望有帮助!

于 2020-02-05T17:31:05.040 回答