+ _setupDOMHandler: function(htmlElement) {
+ this.$element = $(htmlElement);
+ },
+ dom: function() {
+ return this.$element;
+ },
+ parent: function() {
+ var parents = this.$element.parents('[wlxml-tag]');
+ if(parents.length)
+ return DocumentElement.fromHTMLElement(parents[0], this.canvas);
+ return null;
+ },
+
+ parents: function() {
+ var parents = [],
+ parent = this.parent();
+ while(parent) {
+ parents.push(parent);
+ parent = parent.parent();
+ }
+ return parents;
+ },
+
+ sameNode: function(other) {
+ return other && (typeof other === typeof this) && other.dom()[0] === this.dom()[0];
+ },
+
+ wrapWithNodeElement: function(wlxmlNode) {
+ var wrapper = DocumentNodeElement.create({tag: wlxmlNode.tag, klass: wlxmlNode.klass});
+ this.dom().replaceWith(wrapper.dom());
+ wrapper.append(this);
+ return wrapper;
+ },
+
+ detach: function() {
+ this.dom().detach();
+ this.canvas = null;
+ },
+
+ markAsCurrent: function() {
+ this.canvas.markAsCurrent(this);
+ },
+
+ getVerticallyFirstTextElement: function() {
+ var toret;
+ this.children().some(function(child) {
+ if(!child.isVisible())
+ return false; // continue
+ if(child instanceof DocumentTextElement) {
+ toret = child;
+ return true; // break
+ } else {
+ toret = child.getVerticallyFirstTextElement();
+ if(toret)
+ return true; // break
+ }
+ });
+ return toret;
+ },
+
+ isVisible: function() {
+ return this instanceof DocumentTextElement || this.getWlxmlTag() !== 'metadata';
+ }
+});
+
+
+// DocumentNodeElement represents an element node from WLXML document rendered inside Canvas
+var DocumentNodeElement = function(htmlElement, canvas) {
+ DocumentElement.call(this, htmlElement, canvas);
+};
+
+$.extend(DocumentNodeElement, {
+ createDOM: function(params) {
+ var dom = $('<div>')
+ .attr('wlxml-tag', params.tag);
+ if(params.klass)
+ dom.attr('wlxml-class', params.klass.replace(/\./g, '-'));
+ if(params.meta) {
+ _.keys(params.meta).forEach(function(key) {
+ dom.attr('wlxml-meta-'+key, params.meta[key]);
+ });
+ }
+ dom.data('other-attrs', params.others);
+ return dom;
+ },
+
+ create: function(params, canvas) {
+ return this.fromHTMLElement(this.createDOM(params)[0]);
+ },
+
+ fromHTMLElement: function(htmlElement, canvas) {
+ return new this(htmlElement, canvas);
+ }
+});
+
+var manipulate = function(e, params, action) {
+ var element;
+ if(params instanceof DocumentElement) {
+ element = params;
+ } else {
+ element = DocumentElement.create(params);
+ }
+ e.dom()[action](element.dom());
+ return element;
+};
+
+DocumentNodeElement.prototype = new DocumentElement();
+
+
+$.extend(DocumentNodeElement.prototype, {
+ data: function() {
+ var dom = this.dom(),
+ args = Array.prototype.slice.call(arguments, 0);
+ if(args.length === 2 && args[1] === undefined)
+ return dom.removeData(args[1]);
+ return dom.data.apply(dom, arguments);
+ },
+ toXML: function(level) {
+ var node = $('<' + this.getWlxmlTag() + '>');
+
+ if(this.getWlxmlClass())
+ node.attr('class', this.getWlxmlClass());
+ var meta = this.getWlxmlMetaAttrs();
+ meta.forEach(function(attr) {
+ 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);
+
+ var addFormatting = function() {
+ var toret = $('<div>');
+
+ if(this.data('orig-before') && this.data('orig-before').length) {
+ this.data('orig-before').forEach(function(toAdd) {
+ if(toAdd)
+ toret.prepend(document.createTextNode(toAdd));
+ });
+ } else if(level && this.getWlxmlTag() !== 'span') {
+ toret.append('\n' + (new Array(level * 2 + 1)).join(' '));
+ }
+ if(this.data('orig-append') && this.data('orig-append').length) {
+ this.data('orig-append').forEach(function(toAdd) {
+ if(toAdd)
+ node.prepend(toAdd);
+ });
+ } else if(this.getWlxmlTag() !== 'span'){
+ node.append('\n' + (new Array(level * 2 + 1)).join(' '));
+ }
+ toret.append(node);
+ return toret.contents();
+ }.bind(this);
+
+ var parts = addFormatting(node);
+
+ var children = this.children(),
+ childParts,
+ prevChildParts;
+
+ var containsPrefixAndSuffix = function(idx) {
+ if(idx === children.length - 1 && node.contents().length === 2)
+ return true;
+ if(prevChildParts && prevChildParts.length > 1 && prevChildParts[0].nodeType === Node.TEXT_NODE && prevChildParts[1].nodeType === Node.TEXT_NODE)
+ return true;
+ return false;
+ }
+
+ for(var i = children.length - 1; i >= 0; i--) {
+ childParts = children[i].toXML(level + 1);
+
+ if(containsPrefixAndSuffix(i)) {
+ $(node.contents()[0]).after(childParts);
+ } else {
+ node.prepend(childParts);
+ }
+ prevChildParts = childParts;
+ }
+ return parts;
+ },
+ append: function(params) {
+ if(params.tag !== 'span')
+ this.data('orig-append', []);
+ return manipulate(this, params, 'append');
+ },
+ before: function(params) {
+ return manipulate(this, params, 'before');
+
+ },
+ after: function(params) {
+ return manipulate(this, params, 'after');
+ },
fnp / fnpeditor.git / blobdiff