X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/56ab6eadd6887a63a83c768abf3c02393d1f4a28..258a2d6877a76d51253f5f70d4a7df6bfe81b90f:/modules/visualEditor.transformations.js diff --git a/modules/visualEditor.transformations.js b/modules/visualEditor.transformations.js index 2d2f630..555c03c 100644 --- a/modules/visualEditor.transformations.js +++ b/modules/visualEditor.transformations.js @@ -8,7 +8,38 @@ if(typeof module !== 'undefined' && module.exports) { transformations.fromXML = { getHTMLTree: function(xml) { - return xml; + var inner = $(xml).clone(); + var toret = $('
'); + 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'); + + return toret.children(); }, getMetaData: function(xml) { var toret = {}; @@ -28,7 +59,42 @@ if(typeof module !== 'undefined' && module.exports) { transformations.toXML = { getXML: function(documentDescription) { - return documentDescription.HTMLTree; + + var inner = $(documentDescription.HTMLTree); + var toret = $('
'); + 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); + toret.attr(wlxmlName, value); + } + + toret.append(div.contents()); + return toret; + }); + + var meta = $('\n'); + _.each(_.keys(documentDescription.metadata), function(key) { + meta.append('\n\t' + documentDescription.metadata[key] + ''); + }); + meta.append('\n'); + + toret.find('metadata').replaceWith(meta); + + return toret.html(); + } }