Separate metadata ui in visual editor

[fnpeditor.git] / modules / visualEditor.transformations.js

diff --git a/modules/visualEditor.transformations.js b/modules/visualEditor.transformations.js
index 2d2f630..22deba5 100644 (file)
--- a/modules/visualEditor.transformations.js
+++ b/modules/visualEditor.transformations.js
@@ -8,7 +8,31 @@ if(typeof module !== 'undefined' && module.exports) {
 
     transformations.fromXML = {
         getHTMLTree: function(xml) {
-            return xml;
+            var inner = $(xml).clone();
+            var toret = $('<div></div>');
+            toret.append(inner);
+            toret.find('metadata').remove();
+            
+            var toBlock = ['div', 'document', 'section', 'header'];
+            var toInline = ['aside'];
+            
+            toBlock.forEach(function(tagName) {
+                tagName = tagName.toLowerCase();
+                console.log('running ' + tagName);
+                toret.find(tagName).replaceWith(function() {
+                    var suffix = tagName !== 'div'  ? tagName : 'block';
+                    return $('<div></div>').addClass('rng-' + suffix).append($(this).contents());
+                });
+            });
+            
+            toInline.forEach(function(tagName) {
+                tagName = tagName.toLowerCase();
+                toret.find(tagName).replaceWith(function() {
+                    var node = this;
+                    return $('<span></span>').addClass('rng-' + tagName).append($(this).contents());
+                });
+            });
+            return toret.children();
         },
         getMetaData: function(xml) {
             var toret = {};
@@ -28,7 +52,26 @@ if(typeof module !== 'undefined' && module.exports) {
 
     transformations.toXML = {
         getXML: function(documentDescription) {
-            return documentDescription.HTMLTree;
+            
+            var inner = $(documentDescription.HTMLTree);
+            var toret = $('<div></div>');
+            toret.append(inner);
+            
+            toret.find('div, span').replaceWith(function() {
+                var div = $(this);
+                var tagName = div.attr('class').split('rng-')[1];
+                return $('<'+tagName+'>').append(div.contents());
+            });
+            
+            var meta = $('<metadata>');
+            _.each(_.keys(documentDescription.metadata), function(key) {
+                meta.append($('<dc:'+key+'>' + documentDescription.metadata[key] + '</dc:'+key+'>'));
+            });
+            
+            toret.find('document').prepend(meta);
+            
+            return toret.html();
+            
         }
     }