X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/fd01330786845fedb31dd93439bf8b1c82cd56c6..7e96084b977d9ecea7b0569fad7357035c017325:/modules/visualEditor.transformations.js diff --git a/modules/visualEditor.transformations.js b/modules/visualEditor.transformations.js index c317314..c2b0d3a 100644 --- a/modules/visualEditor.transformations.js +++ b/modules/visualEditor.transformations.js @@ -1,23 +1,85 @@ -rng.modules.visualEditor.transformations = {}; +if(typeof module !== 'undefined' && module.exports) { + var $ = require('jquery'); +} + +(function($) { -rng.modules.visualEditor.transformations.fromXML = { - getHTMLTree: function(xml) { - return xml; - }, - getMetaData: function(xml) { - return {}; - }, - getDocumentDescription: function(xml) { - return { - HTMLTree: this.getHTMLTree(xml), - metadata: this.getMetaData(xml) + var transformations = {}; + + transformations.fromXML = { + getHTMLTree: function(xml) { + var inner = $(xml).clone(); + var toret = $('
'); + toret.append(inner); + toret.find('metadata').remove(); + + var toBlock = ['div', 'document', 'section', 'header']; + var toInline = ['aside', 'span']; + + toBlock.forEach(function(tagName) { + tagName = tagName.toLowerCase(); + console.log('running ' + tagName); + toret.find(tagName).replaceWith(function() { + var suffix = tagName !== 'div' ? tagName : 'block'; + return $('').attr('wlxml-tag', suffix).append($(this).contents()); + }); + }); + + toInline.forEach(function(tagName) { + tagName = tagName.toLowerCase(); + toret.find(tagName).replaceWith(function() { + var node = this; + return $('').attr('wlxml-tag', tagName).append($(this).contents()); + }); + }); + 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(documentDescription) { + + var inner = $(documentDescription.HTMLTree); + var toret = $(''); + toret.append(inner); + + toret.find('div, span').replaceWith(function() { + var div = $(this); + var tagName = div.attr('wlxml-tag'); + return $('<'+tagName+'>').append(div.contents()); + }); + + var meta = $('