fixing markup in a template
[fnpeditor.git] / modules / documentCanvas / transformations.js
index d245818..effe253 100644 (file)
-define(['libs/jquery-1.9.1.min'], function($) {\r
-\r
-    'use strict';\r
-\r
-    var transformations = {};\r
-\r
-    transformations.fromXML = {\r
-        getHTMLTree: function(xml) {\r
-            var inner = $(xml).clone();\r
-            var toret = $('<div></div>');\r
-            toret.append(inner);\r
-            \r
-            var toBlock = ['div', 'section', 'header'];\r
-            var toInline = ['aside', 'span'];\r
-            \r
-            var transform = function(tags, replacingTagName) {\r
-                tags.forEach(function(tagName) {\r
-                    tagName = tagName.toLowerCase();\r
-                    console.log('running ' + tagName);\r
-                    toret.find(tagName).replaceWith(function() {\r
-                        var currentTag = $(this);\r
-                        if(currentTag.attr('wlxml-tag'))\r
-                            return;\r
-                        var toret = $('<' + replacingTagName + '>').attr('wlxml-tag', tagName);\r
-                        toret.attr('id', 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0,v=c=='x'?r:r&0x3|0x8;return v.toString(16);}));\r
-                        for(var i = 0; i < this.attributes.length; i++) {\r
-                            var attr = this.attributes.item(i);\r
-                            var value = attr.name === 'class' ? attr.value.replace(/\./g, '-') : attr.value;\r
-                            toret.attr('wlxml-' + attr.name, value)\r
-                        }\r
-                        toret.append(currentTag.contents());\r
-                        return toret;\r
-                    });\r
-                });\r
-            }\r
-            \r
-            transform(toBlock, 'div');\r
-            transform(toInline, 'span');\r
-\r
-            return toret.children();\r
-        },\r
-        getMetaData: function(xml) {\r
-            var toret = {};\r
-            $(xml).find('metadata').children().each(function() {\r
-                var node = $(this);\r
-                toret[this.nodeName.split(':')[1].toLowerCase()] = node.text();\r
-            })\r
-            return toret;\r
-        },\r
-        getDocumentDescription: function(xml) {\r
-            return {\r
-                HTMLTree: this.getHTMLTree(xml),\r
-                metadata: this.getMetaData(xml)\r
-            }\r
-        }\r
-    }\r
-\r
-    transformations.toXML = {\r
-        getXML: function(body) {\r
-            \r
-            var inner = $(body);\r
-            var toret = $('<div></div>');\r
-            toret.append(inner);\r
-            \r
-            toret.find('div, span').replaceWith(function() {\r
-                var div = $(this);\r
-                var tagName = div.attr('wlxml-tag');\r
-                var toret = $('<'+tagName+'>');\r
-                                   \r
-                for(var i = 0; i < this.attributes.length; i++) {\r
-                    var attr = this.attributes.item(i);\r
-                    var split = attr.name.split('-')\r
-                    console.log(split);\r
-                    if(split[0] !== 'wlxml' || (split.length > 1 && split[1] === 'tag')) \r
-                        continue;\r
-                    var wlxmlName = split.splice(1).join('-');\r
-                    var value = wlxmlName === 'class' ? attr.value.replace(/-/g, '.') : attr.value;\r
-                    console.log(name + ': ' + value);\r
-                    if(value.length && value.length > 0)\r
-                        toret.attr(wlxmlName, value);\r
-                }\r
-                    \r
-                toret.append(div.contents());\r
-                return toret;\r
-            });\r
-\r
-            return vkbeautify.xml(toret.html());\r
-        }\r
-    }\r
-\r
-    return transformations;\r
-\r
+define(['libs/jquery-1.9.1.min'], function($) {
+
+    'use strict';
+
+    var transformations = {};
+
+    transformations.fromXML = {
+        getHTMLTree: function(xml) {
+            var inner = $(xml).clone();
+            var toret = $('<div></div>');
+            toret.append(inner);
+            
+            var toBlock = ['div', 'section', 'header'];
+            var toInline = ['aside', 'span'];
+            
+            var transform = function(tags, replacingTagName) {
+                tags.forEach(function(tagName) {
+                    tagName = tagName.toLowerCase();
+                    console.log('running ' + tagName);
+                    toret.find(tagName).replaceWith(function() {
+                        var currentTag = $(this);
+                        if(currentTag.attr('wlxml-tag'))
+                            return;
+                        var toret = $('<' + replacingTagName + '>').attr('wlxml-tag', tagName);
+                        toret.attr('id', 'xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0,v=c=='x'?r:r&0x3|0x8;return v.toString(16);}));
+                        for(var i = 0; i < this.attributes.length; i++) {
+                            var attr = this.attributes.item(i);
+                            var value = attr.name === 'class' ? attr.value.replace(/\./g, '-') : attr.value;
+                            toret.attr('wlxml-' + attr.name, value);
+                        }
+                        toret.append(currentTag.contents());
+                        return toret;
+                    });
+                });
+            };
+            
+            transform(toBlock, 'div');
+            transform(toInline, 'span');
+
+            toret.find(":not(iframe)").addBack().contents().filter(function() {
+                return this.nodeType == 3;} ).each(function() {
+                    var n = $(this); 
+                    var hasText = /\S/g.test(n.text());
+                    if(!hasText) {
+                        n.remove();
+                        return;
+                    }
+                    var startSpace = /\s/g.test(n.text().substr(0,1));
+                    var endSpace = /\s/g.test(n.text().substr(-1)) && n.text().length > 1;
+                    var trimmed = $.trim(n.text());
+                    n.get(0).data = (startSpace ? ' ' : '') + trimmed + (endSpace ? ' ' : '');
+            });
+            
+            return toret.children();
+        },
+        getMetaData: function(xml) {
+            var toret = {};
+            $(xml).find('metadata').children().each(function() {
+                var node = $(this);
+                toret[this.nodeName.split(':')[1].toLowerCase()] = node.text();
+            });
+            return toret;
+        },
+        getDocumentDescription: function(xml) {
+            return {
+                HTMLTree: this.getHTMLTree(xml),
+                metadata: this.getMetaData(xml)
+            };
+        }
+    };
+
+    transformations.toXML = {
+        getXML: function(body) {
+            
+            var inner = body.clone();
+            var toret = $('<div></div>');
+            toret.append(inner);
+            
+            toret.find('div, span').replaceWith(function() {
+                var div = $(this);
+                var tagName = div.attr('wlxml-tag');
+                var toret = $('<'+tagName+'>');
+                                   
+                for(var i = 0; i < this.attributes.length; i++) {
+                    var attr = this.attributes.item(i);
+                    var split = attr.name.split('-');
+                    console.log(split);
+                    if(split[0] !== 'wlxml' || (split.length > 1 && split[1] === 'tag')) 
+                        continue;
+                    var wlxmlName = split.splice(1).join('-');
+                    var value = wlxmlName === 'class' ? attr.value.replace(/-/g, '.') : attr.value;
+                    console.log(name + ': ' + value);
+                    if(value.length && value.length > 0)
+                        toret.attr(wlxmlName, value);
+                }
+                    
+                toret.append(div.contents());
+                return toret;
+            });
+
+            return vkbeautify.xml(toret.html());
+        }
+    };
+
+    return transformations;
+
 });
\ No newline at end of file