tinymce에서 현재 블록 위치를 얻는 방법은 무엇입니까?

Question

나는 그런 핸들러가 이제 가정하자 :

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

어떻게 위치를 얻기를 이벤트를 발사 한 현재의 오브젝트 e의 (상단 좌표를 왼쪽)?

내 블로킹 팝업 (div)을 현재 블록 아래/위를 그릴 수 있어야합니다.

Answer 1

이 시도 :

편집기 창에 상대

:

// 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; 
     }); 
    } 
});