Skip to content

聊天窗口输入框

此文章为高阶技巧,需要一定的编程基础。

打开聊天窗口并添加内容

postChatUser.setPostChatInput(content)

解释

PostChat支持函数调用在聊天框注入指定内容。你需要在PostChat的js文件加载后的任意时机执行函数。

例如执行,postChatUser.setPostChatInput('博客摘要')

使用案例

张洪Heo博客中,如果在文章中选中了一段文本,然后右键单击选择"询问智能客服",则会弹出PostChat聊天并自动填写询问内容。

参考代码

js
var selectTextNow = '';
document.onmouseup = document.ondblclick = selectText;  // 修正函数名和双击事件的错误拼写
function selectText() {
  var txt;
  if (window.getSelection) {  // 更常用的方式来获取选择的文本
    txt = window.getSelection().toString();
  } else if (document.selection) {  // 主要用于旧的 IE 浏览器
    txt = document.selection.createRange().text;
  }
  selectTextNow = txt ? txt : '';
  console.log(selectTextNow);  // 可选:开启日志来实时查看选中文本
}
let defaultInputValue = "在" + document.title + '中,"' + selectTextNow + '"指的是什么';
postChatUser.setPostChatInput(defaultInputValue);

基于TianliGPT构建,由张洪Heo与Tianli设计与开发