Update demo-mjml demo

demo-mjml.html

@@ -5,13 +5,13 @@
     <title>GrapesJS MJML Newsletter Builder</title>
     <meta name="description" content="GrapesJS MJML Newsletter Builder - Next generation tool for building newsletters without coding">
     <meta name="keywords" content="newsletter builder, web template editor, html builder, html editor">
-    <link rel="stylesheet" href="./stylesheets/grapes.min.css?v0.10.2">
+    <link rel="stylesheet" href="./stylesheets/grapes.min.css?v0.12.3">
     <link rel="stylesheet" href="./stylesheets/tooltip.css">
     <link rel="stylesheet" href="./stylesheets/toastr.min.css">
     <link rel="stylesheet" href="./stylesheets/grapesjs-mjml.css">
 
     <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
-    <script src="js/grapes.min.js?v0.10.6"></script>
+    <script src="js/grapes.min.js?v0.12.3"></script>
     <script src="./js/toastr.min.js"></script>
     <script src="./js/ajaxable.min.js"></script>
     <script src="//feather.aviary.com/imaging/v3/editor.js"></script>
@@ -263,17 +263,17 @@
         origWarn(msg);
       };
 
-      $(document).ready(function () {
+      // Beautify tooltips
-        // Beautify tooltips
+      var titles = document.querySelectorAll('*[title]');
-        $('*[title]').each(function () {
+      for (var i = 0; i < titles.length; i++) {
-          var el = $(this);
+        var el = titles[i];
-          var title = el.attr('title').trim();
+        var title = el.getAttribute('title');
-          if(!title)
+        title = title ? title.trim(): '';
-            return;
+        if(!title)
-          el.attr('data-tooltip', el.attr('title'));
+          break;
-          el.attr('title', '');
+        el.setAttribute('data-tooltip', title);
-        });
+        el.setAttribute('title', '');
-      });
+      }
     </script>
 
     <script>