X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/393685bcd5f1b3cf31cdea0cf36c2ac7e44f31c3..80c653023eaa918f6b736e84d12e17d3c9c24d88:/modules/documentCanvas/canvas/documentElement.js?ds=inline diff --git a/modules/documentCanvas/canvas/documentElement.js b/modules/documentCanvas/canvas/documentElement.js index 03f224a..5eef4b5 100644 --- a/modules/documentCanvas/canvas/documentElement.js +++ b/modules/documentCanvas/canvas/documentElement.js @@ -122,6 +122,7 @@ $.extend(DocumentNodeElement, { dom.attr('wlxml-meta-'+key, params.meta[key]); }); } + dom.data('other-attrs', params.others); return dom; }, @@ -147,6 +148,7 @@ var manipulate = function(e, params, action) { DocumentNodeElement.prototype = new DocumentElement(); + $.extend(DocumentNodeElement.prototype, { data: function() { var dom = this.dom(), @@ -156,32 +158,76 @@ $.extend(DocumentNodeElement.prototype, { return dom.data.apply(dom, arguments); }, toXML: function(level) { - var node = $('<' + this.getWlxmlTag() + '>'), - toret = $('
'); + var node = $('<' + this.getWlxmlTag() + '>'); + if(this.getWlxmlClass()) node.attr('class', this.getWlxmlClass()); var meta = this.getWlxmlMetaAttrs(); meta.forEach(function(attr) { - node.attr('meta-' + attr.name, attr.value); + if(attr.value) + node.attr('meta-' + attr.name, attr.value); }); + _.keys(this.data('other-attrs') || {}).forEach(function(key) { + node.attr(key, this.data('other-attrs')[key]); + }, this); - if(this.data('orig-before') !== undefined) { - toret.append(document.createTextNode(this.data('orig-before'))); - } else if(level) { - toret.append('\n' + (new Array(level * 2 + 1)).join(' ')); - } - if(this.data('orig-append') !== undefined) { - node.append(this.data('orig-append')); - //toret = toret.prepend(document.createTextNode(this.data('orig-prepend'))); - } else { - node.append('\n' + (new Array(level * 2 + 1)).join(' ')); - } + var addFormatting = function() { + var toret = $('
'); + var formattings = {}; + + if(this.data('orig-before') !== undefined) { + if(this.data('orig-before')) { + toret.prepend(document.createTextNode(this.data('orig-before'))); + } + } else if(level && this.getWlxmlTag() !== 'span') { + toret.append('\n' + (new Array(level * 2 + 1)).join(' ')); + } + + toret.append(node); + + if(this.data('orig-after')) { + toret.append(document.createTextNode(this.data('orig-after'))); + } - toret.append(node); - return toret.contents(); + /* Inside node */ + if(this.data('orig-begin')) { + node.prepend(this.data('orig-begin')); + formattings.begin = true; + } + + if(this.data('orig-end') !== undefined) { + if(this.data('orig-end')) { + node.append(this.data('orig-end')); + } + } else if(this.getWlxmlTag() !== 'span' && children.length){ + node.append('\n' + (new Array(level * 2 + 1)).join(' ')); + } + + return {parts: toret.contents(), formattings: formattings}; + }.bind(this); + + + + var children = this.children(), + childParts; + + var formatting = addFormatting(node); + + for(var i = children.length - 1; i >= 0; i--) { + childParts = children[i].toXML(level + 1); + if(typeof childParts === 'string') + childParts = [document.createTextNode(childParts)]; + + if(formatting.formattings.begin) { + $(node.contents()[0]).after(childParts); + } else + node.prepend(childParts); + } + return formatting.parts; }, append: function(params) { - this.data('orig-append', undefined); + if(params.tag !== 'span') + this.data('orig-ends', undefined); return manipulate(this, params, 'append'); }, before: function(params) { @@ -246,7 +292,7 @@ $.extend(DocumentNodeElement.prototype, { this.dom().removeAttr('wlxml-class'); }, is: function(what) { - if(what === 'list' && _.contains(['list-items', 'list-items-enum'], this.dom().attr('wlxml-class'))) + if(what === 'list' && _.contains(['list.items', 'list.items.enum'], this.getWlxmlClass())) return true; return false; }, @@ -293,7 +339,7 @@ $.extend(DocumentTextElement, { DocumentTextElement.prototype = new DocumentElement(); $.extend(DocumentTextElement.prototype, { - toXML: function() { + toXML: function(parent) { return this.getText(); }, _setupDOMHandler: function(htmlElement) {