Generating pad HTML with tags like <span data-TAG="VALUE"> instead of <TAG:VALUE>

1 files changed, 2 insertions, 2 deletions

diff --git a/src/node/utils/ExportHtml.js b/src/node/utils/ExportHtml.js
index c5936cf9..ccdc3a59 100644
--- a/src/node/utils/ExportHtml.js
+++ b/src/node/utils/ExportHtml.js
@@ -81,10 +81,10 @@ function getHTMLFromAtext(pad, atext, authorColors)
   hooks.aCallAll("exportHtmlAdditionalTags", pad, function(err, newProps){
     // newProps can be simply a string (which means it is stored as attribute in the form of ['tag', 'true'])
     // or it can be a pair of values in an Array (for the case when it is stored as ['tag', 'value']).
-    // The later scenario will generate HTML with tags like <tag:value>
+    // The later scenario will generate HTML with tags like <span data-tag="value">
     newProps.forEach(function (propName, i){
       if (_.isArray(propName)) {
-        tags.push(propName[0] + ":" + propName[1]);
+        tags.push('span data-' + propName[0] + '="' + propName[1] + '"');
       } else {
         tags.push(propName);
       }