Converse.js呈现到容器中- 2021

Question

首先，我为我的英语感到抱歉。

我想定制conversejs，这样conversejs就可以将它的chatbox呈现给另一个元素。

我知道类似的问题已经由jcbrand，make conversejs回答过了。Converse.js render into a container

但这个问题是很久以前的事了。答案并不能解决问题。因为代码已经更新了

请重新回答这个问题

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元素中，那么您可以这样做：

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

不幸的是，在Converse 8.0.1中有一个bug，导致它不能正常工作。已在此处修复：https://github.com/conversejs/converse.js/commit/84c6a0039c78b6e1f1e6054ec9ee42586c45f600

我将很快发布包含修复的版本9。

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