En primer lugar, lo siento por mi inglés.
Quiero personalizar conversejs, por lo que conversejs representa su cuadro de chat en otro elemento.
Sé que jcbrand respondió preguntas similares, haz conversejs. Converse.js renderizado en un contenedor
Pero la pregunta es hace demasiado tiempo. Y la respuesta no resuelve el problema. Porque el código ha sido actualizado.
por favor vuelve a responder esta pregunta
Eche un vistazo a https://conversejs.org/trunk/demo/embedded.html para ver una demostración del chat que se inserta en el DOM manualmente.
El código está aquí: https://github.com/conversejs/converse.js/blob/5dd00659368991b37446208b39e89a65fa8a48fd/demo/embedded.html#L75
Puede poner Converse dentro de cualquier elemento DOM colocando un elemento converse-root él.
Por ejemplo, supongamos que desea colocar Converse dentro de un elemento DOM con id my-element , luego haría esto:
<div id="my-element"><converse-root></converse-root></div> .
Desafortunadamente, hay un error en Converse 8.0.1 que hace que esto no funcione correctamente. Está arreglado aquí: https://github.com/conversejs/converse.js/commit/84c6a0039c78b6e1f1e6054ec9ee42586c45f600
Pronto haré un lanzamiento de la versión 9 que contiene la corrección.
Por ahora, puede compilar Converse usted mismo (simplemente ejecute make dist dentro de un pago del repositorio, y luego tendrá los archivos necesarios en la carpeta ./dist ).