Converse.js 渲染到容器中 - 2021

Question

首先，对不起我的英语。

我想自定义 conversejs，因此 conversejs 将其聊天框呈现给另一个元素。

我知道 jcbrand 回答了类似的问题，make conversejs。 Converse.js 渲染到容器中

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

请重新回答这个问题

Answer 1

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

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

您可以通过将converse-root元素放入任何 DOM 元素中来将 Converse 放入其中。

例如，假设您想将 Converse 放入 id 为my-element的 DOM my-element ，那么您可以这样做：

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

不幸的是，Converse 8.0.1 中存在一个错误，导致它无法正常工作。 它在这里修复： https : //github.com/conversejs/converse.js/commit/84c6a0039c78b6e1f1e6054ec9ee42586c45f600

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

现在，您可以自己构建 Converse（只需在 repo 的检出中运行make dist ，然后在./dist文件夹中就有必要的文件）。