Converse.js 渲染到容器中 - 2021

Converse.js render into a container - 2021

首先,对不起我的英语。

我想自定义 conversejs,因此 conversejs 将其聊天框渲染到另一个元素。

我知道jcbrand回答了类似的问题,make conversejs。

但是这个问题太早了。答案并不能解决问题。因为代码已经更新

请重新回答这个问题

查看 https://conversejs.org/trunk/demo/embedded.html 以获取手动插入 DOM 的聊天演示。

代码在这里:https://github.com/conversejs/converse.js/blob/5dd00659368991b37446208b39e89a65fa8a48fd/demo/embedded.html#L75

您可以将 Converse 放入任何 DOM 元素中,方法是将 converse-root 元素放入其中。

例如,假设您要将 Converse 放在 ID 为 my-element 的 DOM 元素中,那么您可以这样做:

<div id="my-element"><converse-root></converse-root></div>.

不幸的是,Converse 8.0.1 中存在一个错误,导致此功能无法正常工作。它固定在这里: https://github.com/conversejs/converse.js/commit/84c6a0039c78b6e1f1e6054ec9ee42586c45f600

我将很快发布包含修复程序的第 9 版。

目前,您可以自己构建 Converse(只需 运行 make dist 在存储库的签出中,然后您在 ./dist 文件夹中有必要的文件)。