Qt模仿QQ聊天窗口-气泡聊天消息

简述

最近感冒了，头疼，头疼，头疼。好了，进入正题吧，基本的气泡消息展示做好了，支持图文混排，由于本人JS不是很精通。水平有限，有些BUG，待JS的大牛们在我的基础上完善下，完善后。不忘回我一份。十分感谢

效果图

这里写图片描述

这里写图片描述

相关博客

Qt模仿QQ聊天窗口界面（一）
Qt模仿QQ聊天窗口界面（二）
Qt模仿QQ聊天窗口界面（三）

代码

//JS
var external = null;

String.prototype.format = function() {  
    if(arguments.length == 0) return this;  
    var obj = arguments[0];  
    var s = this;  
    for(var key in obj) {  
        s = s.replace(new RegExp("\\{\\{" + key + "\\}\\}", "g"), obj[key]);  
    }  
    return s;  
}  

new QWebChannel(qt.webChannelTransport,
    function(channel) {
        external = channel.objects.external;
    }
);

function appendHtml(msg){
    $("#placeholder").append(external.msgLHtmlTmpl.format(msg));
    $("#placeholder").append(external.msgRHtmlTmpl.format(msg));
    window.scrollTo(0,document.body.scrollHeight); ;  
};

//body

    
    
        
         
        
        
        
    
    
        

    

//气泡消息

    
    
{{MSG}}

工程文件

Qt交流大会 853086607 免费群中

在这里插入图片描述

结尾

不定期上传新作品，解答群中作品相关问题。相关外，能解答则解答。欢迎大家一起探索Qt世界！