Converse.js render into a container

Question

是否可以配置Converse.js将它的框呈现为自定义div容器而不是将它们添加到页面主体？

Answer 1

Yes, you can do this by writing a converse.js plugin in which you override the insertIntoPage method of ChatBoxView .

Refer to the plugin documentation I linked to above. In short, it would look something like this:

// The following line registers your plugin.
converse_api.plugins.add('myplugin', {

    overrides: {
        // If you want to override some function or a Backbone model or
        // view defined inside converse, then you do that under this
        // "overrides" namespace.    
        ChatBoxView: {
            insertIntoPage: function (type, status_message, jid) {
                // XXX Your custom code comes here.
                // The standard code looks as follows:
                this.$el.insertAfter(converse.chatboxviews.get("controlbox).$el);
                return this;
            }
        },
    }

UPDATE: Since recent versions of converse.js, the method to override is instead _ensureElement and not insertIntoPage .