editor: delete/insert at the edges of a span
[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / documentElement.js
index d40ca9b..7bbc5c1 100644 (file)
@@ -18,6 +18,7 @@ var DocumentElement = function(wlxmlNode, canvas) {
 
     this.dom = this.createDOM();
     this.dom.data('canvas-element', this);
 
     this.dom = this.createDOM();
     this.dom.data('canvas-element', this);
+    this.wlxmlNode.setData('canvasElement', this);
 };
 
 $.extend(DocumentElement.prototype, {
 };
 
 $.extend(DocumentElement.prototype, {
@@ -77,6 +78,9 @@ $.extend(DocumentElement.prototype, {
     sameNode: function(other) {
         return other && (typeof other === typeof this) && other.dom[0] === this.dom[0];
     },
     sameNode: function(other) {
         return other && (typeof other === typeof this) && other.dom[0] === this.dom[0];
     },
+    isRootElement: function() {
+        return this.sameNode(this.canvas.rootElement);
+    },
 
     trigger: function() {
         this.canvas.eventBus.trigger.apply(this.canvas.eventBus, Array.prototype.slice.call(arguments, 0));
 
     trigger: function() {
         this.canvas.eventBus.trigger.apply(this.canvas.eventBus, Array.prototype.slice.call(arguments, 0));
@@ -89,7 +93,6 @@ $.extend(DocumentElement.prototype, {
 // DocumentNodeElement represents an element node from WLXML document rendered inside Canvas
 var DocumentNodeElement = function(wlxmlNode, canvas) {
     DocumentElement.call(this, wlxmlNode, canvas);
 // DocumentNodeElement represents an element node from WLXML document rendered inside Canvas
 var DocumentNodeElement = function(wlxmlNode, canvas) {
     DocumentElement.call(this, wlxmlNode, canvas);
-    wlxmlNode.setData('canvasElement', this);
     this.init(this.dom);
 };
 
     this.init(this.dom);
 };
 
@@ -139,8 +142,7 @@ $.extend(DocumentNodeElement.prototype, {
     createDOM: function() {
         var wrapper = $('<div>').attr('document-node-element', ''),
             widgetsContainer = $('<div>')
     createDOM: function() {
         var wrapper = $('<div>').attr('document-node-element', ''),
             widgetsContainer = $('<div>')
-                .addClass('canvas-widgets')
-                .attr('contenteditable', false),
+                .addClass('canvas-widgets'),
             contentContainer = $('<div>')
                 .attr('document-element-content', '');
         
             contentContainer = $('<div>')
                 .attr('document-element-content', '');