我如何更改 dialogflow Messenger 中的输入占位符?
how could i change the input placehoder in dialogflow messenger?
我需要根据客户要求更改 dialogflow Messenger 聊天机器人的占位符文本
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
intent="WELCOME"
chat-title="gestion de citas"
agent-id="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
language-code="es"
></df-messenger>
我们已经深入审查 HTML 定制
https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger#html-customize
和 CSS 自定义项
https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger#css-customize
来自google云向导
如何更改占位符文本?
查看您提供的文档,没有任何内置功能可以更改占位符文本。
但是,您可以使用 javascript 或 jQuery 创建代码来自定义占位符。
这是我测试过的示例代码:
<script>
setTimeout(function(){ document.querySelector("df-messenger").shadowRoot.querySelector("df-messenger-chat").shadowRoot.querySelector("df-messenger-user-input").shadowRoot.querySelector(".input-box-wrapper > input").placeholder="New placeholder text” }, 1000);
</script>
我通过查看浏览器开发工具获得了占位符元素。
示例输出如下:
我需要根据客户要求更改 dialogflow Messenger 聊天机器人的占位符文本
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
intent="WELCOME"
chat-title="gestion de citas"
agent-id="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
language-code="es"
></df-messenger>
我们已经深入审查 HTML 定制 https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger#html-customize
和 CSS 自定义项 https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger#css-customize
来自google云向导
如何更改占位符文本?
查看您提供的文档,没有任何内置功能可以更改占位符文本。
但是,您可以使用 javascript 或 jQuery 创建代码来自定义占位符。
这是我测试过的示例代码:
<script>
setTimeout(function(){ document.querySelector("df-messenger").shadowRoot.querySelector("df-messenger-chat").shadowRoot.querySelector("df-messenger-user-input").shadowRoot.querySelector(".input-box-wrapper > input").placeholder="New placeholder text” }, 1000);
</script>
我通过查看浏览器开发工具获得了占位符元素。
示例输出如下: