X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/6a5fbef4db2934efd05c251124bd2b62180fe549..9156bcda05de78865d7f2ef202824dd2a1a03ea1:/src/smartxml/smartxml.js diff --git a/src/smartxml/smartxml.js b/src/smartxml/smartxml.js index a396d3e..91dd8bb 100644 --- a/src/smartxml/smartxml.js +++ b/src/smartxml/smartxml.js @@ -149,8 +149,14 @@ $.extend(ElementNode.prototype, { return toret; }, - append: function(documentNode) { - this._$.append(documentNode.nativeNode); + append: function(node) { + node = node instanceof DocumentNode ? node : this.document.createElementNode(node); + this._$.append(node.nativeNode); + }, + + prepend: function(node) { + node = node instanceof DocumentNode ? node : this.document.createElementNode(node); + this._$.prepend(node.nativeNode); }, unwrapContent: function() { @@ -199,6 +205,10 @@ $.extend(ElementNode.prototype, { }; }, + wrapText: function(params) { + return this.document._wrapText(_.extend({inside: this}, params)); + }, + toXML: function() { var wrapper = $('
'); wrapper.append(this._getXMLDOMToDump()); @@ -237,6 +247,20 @@ $.extend(TextNode.prototype, { this.triggerTextChangeEvent(); }, + wrapWith: function(desc) { + if(typeof desc.start === 'number' && typeof desc.end === 'number') { + return this.document._wrapText({ + inside: this.parent(), + textNodeIdx: this.parent().indexOf(this), + offsetStart: Math.min(desc.start, desc.end), + offsetEnd: Math.max(desc.start, desc.end), + _with: {tag: desc.tagName, attrs: desc.attrs} + }); + } else { + return DocumentNode.prototype.wrapWith.call(this, desc); + } + }, + triggerTextChangeEvent: function() { var event = new events.ChangeEvent('nodeTextChange', {node: this}); this.document.trigger('change', event); @@ -261,7 +285,13 @@ $.extend(Document.prototype, Backbone.Events, { if(from.text) { from = document.createTextNode(from.text); } else { - from = $('<' + from.tagName + '>')[0]; + var node = $('<' + from.tagName + '>'); + + _.keys(from.attrs || {}).forEach(function(key) { + node.attr(key, from.attrs[key]); + }); + + from = node[0]; } } return new this.ElementNodeFactory(from, this); @@ -281,6 +311,56 @@ $.extend(Document.prototype, Backbone.Events, { toXML: function() { return this.root.toXML(); + }, + + _wrapText: function(params) { + params = _.extend({textNodeIdx: 0}, params); + if(typeof params.textNodeIdx === 'number') { + params.textNodeIdx = [params.textNodeIdx]; + } + + var contentsInside = params.inside.contents(), + idx1 = Math.min.apply(Math, params.textNodeIdx), + idx2 = Math.max.apply(Math, params.textNodeIdx), + textNode1 = contentsInside[idx1], + textNode2 = contentsInside[idx2], + sameNode = textNode1.sameNode(textNode2), + prefixOutside = textNode1.getText().substr(0, params.offsetStart), + prefixInside = textNode1.getText().substr(params.offsetStart), + suffixInside = textNode2.getText().substr(0, params.offsetEnd), + suffixOutside = textNode2.getText().substr(params.offsetEnd) + ; + + if(!(textNode1.parent().sameNode(textNode2.parent()))) { + throw new Error('Wrapping text in non-sibling text nodes not supported.'); + } + + var wrapperElement = this.createElementNode({tagName: params._with.tag, attrs: params._with.attrs}); + textNode1.after(wrapperElement); + textNode1.detach(); + + if(prefixOutside.length > 0) { + wrapperElement.before({text:prefixOutside}); + } + if(sameNode) { + var core = textNode1.getText().substr(params.offsetStart, params.offsetEnd - params.offsetStart); + wrapperElement.append({text: core}); + } else { + textNode2.detach(); + if(prefixInside.length > 0) { + wrapperElement.append({text: prefixInside}); + } + for(var i = idx1 + 1; i < idx2; i++) { + wrapperElement.append(contentsInside[i]); + } + if(suffixInside.length > 0) { + wrapperElement.append({text: suffixInside}); + } + } + if(suffixOutside.length > 0) { + wrapperElement.after({text: suffixOutside}); + } + return wrapperElement; } });