X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/73894afa5c6ed0829890f129def7e85540e3366c..ccd0a4f745a6fab17a228d822e80d8bbb6fa7d5d:/modules/visualEditor.transformations.js?ds=sidebyside diff --git a/modules/visualEditor.transformations.js b/modules/visualEditor.transformations.js index 2edf3d0..1fef83a 100644 --- a/modules/visualEditor.transformations.js +++ b/modules/visualEditor.transformations.js @@ -1,8 +1,4 @@ -if(typeof module !== 'undefined' && module.exports) { - var $ = require('jquery'); -} - -(function($) { +define(['libs/jquery-1.9.1.min'], function($) { var transformations = {}; @@ -11,36 +7,34 @@ 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 toBlock = ['div', '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'; - var toret = $('
').attr('wlxml-tag', suffix); - var currentTag = $(this); - if(currentTag.attr('class')) - toret.attr('wlxml-class', currentTag.attr('class')); - toret.append(currentTag.contents()); - return toret; + 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; + }); }); - }); + } - toInline.forEach(function(tagName) { - tagName = tagName.toLowerCase(); - toret.find(tagName).replaceWith(function() { - var currentTag = $(this); - var toret = $('').attr('wlxml-tag', tagName); - if(currentTag.attr('class')) - toret.attr('wlxml-class', currentTag.attr('class')); - toret.append(currentTag.contents()); - return toret; - }); - }); + transform(toBlock, 'div'); + transform(toInline, 'span'); + return toret.children(); }, getMetaData: function(xml) { @@ -70,29 +64,45 @@ if(typeof module !== 'undefined' && module.exports) { var div = $(this); var tagName = div.attr('wlxml-tag'); var toret = $('<'+tagName+'>'); - if(div.attr('wlxml-class')) - toret.attr('class', div.attr('wlxml-class')) + + 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); + var metadata = toret.find('metadata'); + if(metadata.length === 0) { + var section = toret.find('section'); + section = section.length ? $(section[0]) : null; + if(section) { + section.prepend(meta) + } + } else { + metadata.replaceWith(meta); + } - return toret.html(); + return vkbeautify.xml(toret.html()); } } + return transformations; - if(typeof module !== 'undefined' && module.exports) { - module.exports = transformations; - } else { - rng.modules.visualEditor.transformations = transformations; - } - -})($); \ No newline at end of file +}); \ No newline at end of file