X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/151e78ccc2757396286eb0be3ec3b368ba64b369..f17e9178a91a7df96fd252f66e058e880eac8932:/modules/documentCanvas/canvas/documentElement.js diff --git a/modules/documentCanvas/canvas/documentElement.js b/modules/documentCanvas/canvas/documentElement.js index 6d76bf4..0309136 100644 --- a/modules/documentCanvas/canvas/documentElement.js +++ b/modules/documentCanvas/canvas/documentElement.js @@ -11,7 +11,7 @@ var DocumentElement = function(htmlElement, canvas) { if(arguments.length === 0) return; this.canvas = canvas; - this.$element = $(htmlElement); + this._setupDOMHandler(htmlElement); } var elementTypeFromParams = function(params) { @@ -29,14 +29,19 @@ $.extend(DocumentElement, { }, fromHTMLElement: function(htmlElement, canvas) { - if(htmlElement.nodeType === Node.ELEMENT_NODE) + var $element = $(htmlElement); + if(htmlElement.nodeType === Node.ELEMENT_NODE && $element.attr('wlxml-tag')) return DocumentNodeElement.fromHTMLElement(htmlElement, canvas); - if(htmlElement.nodeType === Node.TEXT_NODE) + if($element.attr('wlxml-text') !== undefined || (htmlElement.nodeType === Node.TEXT_NODE && $element.parent().attr('wlxml-text') !== undefined)) return DocumentTextElement.fromHTMLElement(htmlElement, canvas); + return undefined; } }); $.extend(DocumentElement.prototype, { + _setupDOMHandler: function(htmlElement) { + this.$element = $(htmlElement); + }, dom: function() { return this.$element; }, @@ -47,6 +52,16 @@ $.extend(DocumentElement.prototype, { 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]; }, @@ -61,6 +76,31 @@ $.extend(DocumentElement.prototype, { 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'; } }); @@ -72,9 +112,10 @@ var DocumentNodeElement = function(htmlElement, canvas) { $.extend(DocumentNodeElement, { createDOM: function(params) { - var dom = $('
').attr('wlxml-tag', params.tag); + var dom = $('
') + .attr('wlxml-tag', params.tag); if(params.klass) - dom.attr('wlxml-class', params.klass); + dom.attr('wlxml-class', params.klass.replace(/\./g, '-')); return dom; }, @@ -102,14 +143,14 @@ DocumentNodeElement.prototype = new DocumentElement(); $.extend(DocumentNodeElement.prototype, { append: function(params) { - manipulate(this, params, 'append'); + return manipulate(this, params, 'append'); }, before: function(params) { - manipulate(this, params, 'before'); + return manipulate(this, params, 'before'); }, after: function(params) { - manipulate(this, params, 'after'); + return manipulate(this, params, 'after'); }, children: function() { var toret = []; @@ -175,7 +216,9 @@ var DocumentTextElement = function(htmlElement, canvas) { $.extend(DocumentTextElement, { createDOM: function(params) { - return $(document.createTextNode(params.text)); + return $('
') + .attr('wlxml-text', '') + .text(params.text); }, create: function(params, canvas) { @@ -190,8 +233,15 @@ $.extend(DocumentTextElement, { DocumentTextElement.prototype = new DocumentElement(); $.extend(DocumentTextElement.prototype, { + _setupDOMHandler: function(htmlElement) { + var $element = $(htmlElement); + if(htmlElement.nodeType === Node.TEXT_NODE) + this.$element = $element.parent(); + else + this.$element = $element; + }, setText: function(text) { - this.dom()[0].data = text; + this.dom().contents()[0].data = text; }, getText: function() { return this.dom().text(); @@ -291,7 +341,9 @@ $.extend(DocumentTextElement.prototype, { succeedingChildren.forEach(function(child) { newElement.append(child); }); - } + + return {first: parentElement, second: newElement}; + }, }); return {