如何獲取tinymce中的當前塊位置？

Question

讓我們假設我有這樣的處理程序：

ed.onNodeChange.add(function(ed, cm, e) { 
}); 

如何獲得位置（左上角座標）已觸發的事件當前對象e的？

我需要這個能夠在當前塊的下方/上方繪製我自己的浮動彈出窗口（div）。

Answer 1

試試這個：

相對於編輯器窗口：

ed.onNodeChange.add(function(ed, cm, e) { 
    console.log(tinymce.DOM.getPos(e)); 

    /* Ex: 
    * Object 
    * x: 8 
    * y: 30 
    */ 
}); 

相對於身體保存編輯：

// From http://stackoverflow.com/questions/442404/dynamically-retrieve-html-element-x-y-position-with-javascript 
function getOffset(el) { 
    var _x = 0; 
    var _y = 0; 
    while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { 
     _x += el.offsetLeft - el.scrollLeft; 
     _y += el.offsetTop - el.scrollTop; 
     el = el.offsetParent; 
    } 
    return { y: _y, x: _x }; 
} 

tinyMCE.init({ 
    // ... 
    setup: function(ed) { 
     ed.onNodeChange.add(function(ed, cm, e) { 
      var coords = tinymce.DOM.getPos(e), 
       ed_coords = getOffset(ed.getContentAreaContainer()), 
       x, y; 

      x = coords.x + ed_coords.x; 
      y = coords.y + ed_coords.y; 
     }); 
    } 
});