tinymce 편집기의 측정 요소

Question

tinymce 편집기 인스턴스 내부의 요소를 측정 할 수있는 방법이 있습니까? 테이블의 너비를 측정해야 테이블의 상대적인 열 너비를 찾을 수 있습니다. 아래 코드는 테이블에 내용이 있어도 0을 반환합니다.

var doc = tinymce.get('text_box_desc0').getDoc(); 
var width = $('table', doc).width(); 
alert(width); 

Answer 1

예, 가능합니다. 여기

이 몇 가지 정보를 얻을 수 getBoundingClientRect()를 사용하는 방법의 예입니다

 var ed = tinymce.get('text_box_desc0'); 

     // this will take the first table in the editor, you may define another selector to get 'your' table element 
     var elem = $(ed.getBody()).find('table:first').get(0); 
     try { 
      box = elem.getBoundingClientRect(); 
     } 
     catch(e) 
     { 
      console.log('error creating box: ' + e); 
     } 
     // various info 
     var doc = ed.getDoc(), 
      docElem = doc.documentElement, 
      body = ed.getBody(), 
      win = ed.getWin(), 
      clientTop = docElem.clientTop || body.clientTop || 0, 
      clientLeft = docElem.clientLeft || body.clientLeft || 0, 
      scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop, 
      scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft, 
      top = box.top + scrollTop - clientTop, 
      left = box.left + scrollLeft - clientLeft; 

당신이 찾고있는 무슨

box.width; 

하지만

box.height;