Merge 868d3a4b68 into 4c437efb5d

www/js/util.js

@@ -2702,8 +2702,7 @@ function execEmotes(msg) {
     }
 
     CHANNEL.emotes.forEach(function (e) {
-        msg = msg.replace(e.regex, '$1<img class="channel-emote" src="' +
+        msg = msg.replace(e.regex, '$1' + emoteToImg(e).outerHTML);
-                                   e.image + '" title="' + e.name + '">');
     });
 
     return msg;
@@ -2711,13 +2710,12 @@ function execEmotes(msg) {
 
 function execEmotesEfficient(msg) {
     CHANNEL.badEmotes.forEach(function (e) {
-        msg = msg.replace(e.regex, '$1<img class="channel-emote" src="' +
+        msg = msg.replace(e.regex, '$1' + emoteToImg(e).outerHTML);
-                          e.image + '" title="' + e.name + '">');
     });
     msg = msg.replace(/[^\s]+/g, function (m) {
         if (CHANNEL.emoteMap.hasOwnProperty(m)) {
             var e = CHANNEL.emoteMap[m];
-            return '<img class="channel-emote" src="' + e.image + '" title="' + e.name + '">';
+            return emoteToImg(e).outerHTML;
         } else {
             return m;
         }
@@ -2725,6 +2723,14 @@ function execEmotesEfficient(msg) {
     return msg;
 }
 
+function emoteToImg(e) {
+    var img = document.createElement('img');
+    img.className = 'channel-emote';
+    img.title = e.name;
+    img.src = e.image;
+    return img;
+}
+
 function initPm(user) {
     if ($("#pm-" + user).length > 0) {
         return $("#pm-" + user);