X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/e72654c4d22af93a05a8af98ab58cc44b152c6e7..275952d30bfcd6f5aecc2710a0df0cd489ea71f6:/src/smartxml/smartxml.js diff --git a/src/smartxml/smartxml.js b/src/smartxml/smartxml.js index b150cde..6f4677b 100644 --- a/src/smartxml/smartxml.js +++ b/src/smartxml/smartxml.js @@ -54,7 +54,7 @@ $.extend(DocumentNode.prototype, { parent: function() { var parentNode = this.nativeNode.parentNode; if(parentNode && parentNode.nodeType === Node.ELEMENT_NODE) { - return this.document.createElementNode(parentNode); + return this.document.createDocumentNode(parentNode); } return null; }, @@ -82,6 +82,12 @@ $.extend(DocumentNode.prototype, { return myIdx < parentContents.length - 1 ? parentContents[myIdx+1] : null; }, + isSurroundedByTextElements: function() { + var prev = this.prev(), + next = this.next(); + return prev && (prev.nodeType === Node.TEXT_NODE) && next && (next.nodeType === Node.TEXT_NODE); + }, + after: INSERTION(function(nativeNode) { return this._$.after(nativeNode); }), @@ -91,13 +97,12 @@ $.extend(DocumentNode.prototype, { }), wrapWith: function(node) { - node = node instanceof ElementNode ? node : this.document.createElementNode(node); - + var insertion = this.getNodeInsertion(node); if(this.parent()) { - this.before(node); + this.before(insertion.ofNode); } - node.append(this); - return node; + insertion.ofNode.append(this); + return insertion.ofNode; }, /** @@ -129,13 +134,16 @@ $.extend(DocumentNode.prototype, { insertion.ofNode = node; insertion.insertsNew = !this.document.containsNode(node); } else { - insertion.ofNode = this.document.createElementNode(node); + insertion.ofNode = this.document.createDocumentNode(node); insertion.insertsNew = true; } return insertion; }, getIndex: function() { + if(this.isRoot()) { + return 0; + } return this.parent().indexOf(this); } }); @@ -149,13 +157,11 @@ $.extend(ElementNode.prototype, { nodeType: Node.ELEMENT_NODE, detach: function() { - var prev = this.prev(), + var next; + if(parent && this.isSurroundedByTextElements()) { next = this.next(); - if(parent) { - if(prev && prev.nodeType === Node.TEXT_NODE && next && next.nodeType === Node.TEXT_NODE) { - prev.appendText(next.getText()); - next.detach(); - } + this.prev().appendText(next.getText()); + next.detach(); } return DocumentNode.prototype.detach.call(this); }, @@ -184,12 +190,7 @@ $.extend(ElementNode.prototype, { var toret = [], document = this.document; this._$.contents().each(function() { - if(this.nodeType === Node.ELEMENT_NODE) { - toret.push(document.createElementNode(this)); - } - else if(this.nodeType === Node.TEXT_NODE) { - toret.push(document.createTextNode(this)); - } + toret.push(document.createDocumentNode(this)); }); return toret; }, @@ -199,7 +200,7 @@ $.extend(ElementNode.prototype, { }, setTag: function(tagName) { - var node = this.document.createElementNode({tagName: tagName}), + var node = this.document.createDocumentNode({tagName: tagName}), oldTagName = this.getTagName(), myContents = this._$.contents(); @@ -251,18 +252,20 @@ $.extend(ElementNode.prototype, { return; } - var parentContents = parent.contents(), - myContents = this.contents(), + var myContents = this.contents(), myIdx = parent.indexOf(this); + if(myContents.length === 0) { return this.detach(); } - var moveLeftRange, moveRightRange, leftMerged; + var prev = this.prev(), + next = this.next(), + moveLeftRange, moveRightRange, leftMerged; - if(myIdx > 0 && (parentContents[myIdx-1].nodeType === TEXT_NODE) && (myContents[0].nodeType === TEXT_NODE)) { - parentContents[myIdx-1].appendText(myContents[0].getText()); + if(prev && (prev.nodeType === TEXT_NODE) && (myContents[0].nodeType === TEXT_NODE)) { + prev.appendText(myContents[0].getText()); myContents[0].detach(); moveLeftRange = true; leftMerged = true; @@ -271,9 +274,10 @@ $.extend(ElementNode.prototype, { } if(!(leftMerged && myContents.length === 1)) { - if(myIdx < parentContents.length - 1 && (parentContents[myIdx+1].nodeType === TEXT_NODE) && (myContents[myContents.length-1].nodeType === TEXT_NODE)) { - parentContents[myIdx+1].prependText(myContents[myContents.length-1].getText()); - myContents[myContents.length-1].detach(); + var lastContents = _.last(myContents); + if(next && (next.nodeType === TEXT_NODE) && (lastContents.nodeType === TEXT_NODE)) { + next.prependText(lastContents.getText()); + lastContents.detach(); moveRightRange = true; } } @@ -347,6 +351,44 @@ $.extend(TextNode.prototype, { } }, + split: function(params) { + var parentElement = this.parent(), + passed = false, + succeedingChildren = [], + prefix = this.getText().substr(0, params.offset), + suffix = this.getText().substr(params.offset); + + parentElement.contents().forEach(function(child) { + if(passed) { + succeedingChildren.push(child); + } + if(child.sameNode(this)) { + passed = true; + } + }.bind(this)); + + if(prefix.length > 0) { + this.setText(prefix); + } + else { + this.detach(); + } + + var attrs = {}; + parentElement.getAttrs().forEach(function(attr) {attrs[attr.name] = attr.value; }); + var newElement = this.document.createDocumentNode({tagName: parentElement.getTagName(), attrs: attrs}); + parentElement.after(newElement); + + if(suffix.length > 0) { + newElement.append({text: suffix}); + } + succeedingChildren.forEach(function(child) { + newElement.append(child); + }); + + return {first: parentElement, second: newElement}; + }, + triggerTextChangeEvent: function() { var event = new events.ChangeEvent('nodeTextChange', {node: this}); this.document.trigger('change', event); @@ -355,7 +397,7 @@ $.extend(TextNode.prototype, { var parseXML = function(xml) { - return $(xml)[0]; + return $($.trim(xml))[0]; }; var Document = function(xml) { @@ -366,9 +408,9 @@ $.extend(Document.prototype, Backbone.Events, { ElementNodeFactory: ElementNode, TextNodeFactory: TextNode, - createElementNode: function(from) { - if(!(from instanceof HTMLElement)) { - if(from.text) { + createDocumentNode: function(from) { + if(!(from instanceof Node)) { + if(from.text !== undefined) { from = document.createTextNode(from.text); } else { var node = $('<' + from.tagName + '>'); @@ -389,10 +431,6 @@ $.extend(Document.prototype, Backbone.Events, { return new Factory(from, this); }, - createTextNode: function(nativeNode) { - return new this.TextNodeFactory(nativeNode, this); - }, - loadXML: function(xml, options) { options = options || {}; defineDocumentProperties(this, $(parseXML(xml))); @@ -416,7 +454,7 @@ $.extend(Document.prototype, Backbone.Events, { var parent = params.element1.parent(), parentContents = parent.contents(), - wrapper = this.createElementNode({ + wrapper = this.createDocumentNode({ tagName: params._with.tagName, attrs: params._with.attrs}), idx1 = parent.indexOf(params.element1), @@ -486,7 +524,7 @@ $.extend(Document.prototype, Backbone.Events, { throw new Error('Wrapping text in non-sibling text nodes not supported.'); } - var wrapperElement = this.createElementNode({tagName: params._with.tagName, attrs: params._with.attrs}); + var wrapperElement = this.createDocumentNode({tagName: params._with.tagName, attrs: params._with.attrs}); textNode1.after(wrapperElement); textNode1.detach(); @@ -522,7 +560,7 @@ $.extend(Document.prototype, Backbone.Events, { var defineDocumentProperties = function(doc, $document) { Object.defineProperty(doc, 'root', {get: function() { - return doc.createElementNode($document[0]); + return doc.createDocumentNode($document[0]); }, configurable: true}); Object.defineProperty(doc, 'dom', {get: function() { return $document[0]; @@ -531,7 +569,7 @@ var defineDocumentProperties = function(doc, $document) { return { documentFromXML: function(xml) { - return new Document(parseXML(xml)); + return new Document(xml); }, elementNodeFromXML: function(xml) {