X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/16365557b20c7efc689f3c6bf8e66882015df76b..b8a6d80a6573772f180b39aaeaf6c3ef48f2c021:/modules/visualEditor.transformations.js diff --git a/modules/visualEditor.transformations.js b/modules/visualEditor.transformations.js index 22deba5..1e8c2e0 100644 --- a/modules/visualEditor.transformations.js +++ b/modules/visualEditor.transformations.js @@ -11,25 +11,42 @@ if(typeof module !== 'undefined' && module.exports) { var inner = $(xml).clone(); var toret = $('
'); toret.append(inner); - toret.find('metadata').remove(); var toBlock = ['div', 'document', 'section', 'header']; - var toInline = ['aside']; + 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 $('
').addClass('rng-' + suffix).append($(this).contents()); + var currentTag = $(this); + if(currentTag.attr('wlxml-tag')) + return; + var toret = $('
').attr('wlxml-tag', tagName); + 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; }); }); toInline.forEach(function(tagName) { tagName = tagName.toLowerCase(); toret.find(tagName).replaceWith(function() { - var node = this; - return $('').addClass('rng-' + tagName).append($(this).contents()); + var currentTag = $(this); + if(currentTag.attr('wlxml-tag')) + return; + var toret = $('').attr('wlxml-tag', tagName); + 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; }); }); return toret.children(); @@ -59,16 +76,32 @@ if(typeof module !== 'undefined' && module.exports) { toret.find('div, span').replaceWith(function() { var div = $(this); - var tagName = div.attr('class').split('rng-')[1]; - return $('<'+tagName+'>').append(div.contents()); + 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 = $(''); + var meta = $('\n'); _.each(_.keys(documentDescription.metadata), function(key) { - meta.append($('' + documentDescription.metadata[key] + '')); + meta.append('\n\t' + documentDescription.metadata[key] + ''); }); + meta.append('\n'); - toret.find('document').prepend(meta); + toret.find('metadata').replaceWith(meta); return toret.html();