외부 div에 tinymce 도구 모음 넣기

어떻게 외부 div에 tinymce 도구 모음을 넣을 수 있습니까?외부 div에 tinymce 도구 모음 넣기

그것은 외부에서 도구 모음을 넣어하지만 CSS가있는 iframe 부하가 있기 때문에, 도구 모음을 표시하는 CSS 테마를로드하지 않기 때문에 도구 모음이 표시되지 않습니다 나는이 성공적인 시도.

2012-11-23 paganotti

이것은 몇 달 전에 나에게 중요한 문제였습니다. 외부 도구 모음을 원하는 위치로 이동하기 만하면됩니다. 내 플러그인 중 하나에 함수를 작성했습니다. 내 페이지에서 "externalToolbarWrapper"클래스를 사용하여 div를 만들었습니다.이 툴바에서 툴바를 삽입합니다. 여기에 그 기능이 있습니다. 약간 조정할 필요는 있지만 도움이 될 것이라고 생각할 수 있습니다.

는

showExternalToolbar: function(){ 

     if (this.editor.getParam('theme_advanced_toolbar_location') != 'external') return; 

     if (!document.getElementById('externalToolbarWrapper')) $(document.body).prepend('<div id="externalToolbarWrapper"></div>'); 

     var $toolbar = $('#'+this.editor.id + '_external'); 

     // inserts the external toolbar in the external wrapper 
     $('#externalToolbarWrapper').append('<div id="replacementDiv"></div>'); 

     $('#replacementDiv').replaceWith($toolbar.show()); 
     $toolbar.css('top','0px'); 
     $toolbar.css('display','block'); 

     $('#' + this.editor.id + '_external_close').remove(); 
     $('#' + this.editor.id +'_toolbargroup').css('width', innerWidth || 800); // innerwidth is an integer value 
    },

당신이 자신의 플러그인 내부에 배치하지 않으려면

당신은 위의 코드의 onInit를 호출해야합니다 (여기 setup configuration parameter 사용)

setup : function(ed) { 
     ed.onInit.add(function(ed) { 
      // place your code here 
     }); 
    },

출처

2012-11-23 14:54:43 Thariama

좋아, 난 이미 플러그인을 작성하고 외부 도구 모음했습니다. 내 문제는 툴바의 모든 CSS는 기본 문서가 아니라 iframe에로드되기 때문에 툴바가 표시되지 않는다는 것입니다. 어떻게 스타일링 도구 모음에 대한 기본 문서에 필요한 CSS 파일을로드 할 수 있습니까? – paganotti

는 editor_css 설정에서 알 수 있습니다. - tinymce 툴바 요소에 대한 CSS를 배치해야합니다. – Thariama

얘들 아 U 싶어이, 그보다 쉽게를 시도하는 경우 짧은

setup:function(ed){ 
    ed.onInit.add(function(ed, evt){ 
     $toolbar = $('#'+ed.id+'_external'); 
     $toolbar.hide().appendTo('yourExternalDiv'); 
    }); 
}

"Munsif 물라"

출처

2012-12-26 11:39:22 mCube

외부 div에 tinymce 도구 모음 넣기

답변

관련 문제