2012-12-03 2 views
2

나는이 문제가있다 : 내 사이트에 주석 영역이있는 텍스트 영역이 있고 모든 텍스트 영역을 볼 수 있지만 textarea 내에서 colorbox를 열 때이 속성을 상속받지 않는다. 이 colorbox 열 내 코드입니다 :load tinyMCE colorbox

$("#edit_item"+val.iditem).colorbox({ 
    href: $(this).attr('href'),      
    data: data, 
    onComplete: function(){ setup_tiny(); } 
}); 

이 제 기능 'setup_tiny'입니다 : 난 그냥이 방법을 시도

function setup_tiny(){ 
    tinyMCE.init({ 
     mode : "exact", 
    elements : "description",   
     width : "40%",   
     height: "200", 

     // General options   
     theme: "advanced", 

     // Theme options 
     theme_advanced_buttons1: "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull", 
     theme_advanced_buttons2: "bullist,numlist,separator,outdent,indent,separator,undo,redo,separator,link,unlink,anchor,image,cleanup,help,code", 
     theme_advanced_buttons3: "hr,removeformat,separator,sub,sup,separator", 
     theme_advanced_buttons4: "", 

     theme_advanced_toolbar_location: "top", 
     theme_advanced_toolbar_align: "left", 
     theme_advanced_resizing: true 
    }); 
} 

, 부하 colorbox 후 :

tinyMCE.execCommand('mceFocus', false, 'the_textareas_id_here');      
tinyMCE.execCommand('mceRemoveControl', false, 'the_textareas_id_here'); 

그러나 그것은 잘 작동하지 않습니다. 나는 또한 'http://mktgdept.com/jquery-tinymce-plugin'이 사이트에서 tinymce 플러그인을 가져 오려고 노력하고 또한이 작동하지 않습니다.

어떻게 색상 상자에 주석을로드 할 수 있습니까? 감사합니다.

+0

당신은 어떤 colorbox가 abit을 설명 할 수 있습니까? 당신은 tinymce 바이올린과 같은 살아있는 예제를 제공 할 수 있습니까? – Thariama

+0

[Here] (http://www.tinymce.com/tryit/full.php)에서 주석의 예를 찾을 수 있습니까? 내 사이트에서는이 플러그인을 colorbox의 textarea에로드 할 때만 작동하지 않습니다. – PapaSmurf

+1

아니요, 임의의 주석 편집기의 예를 원하지 않습니다. 유스 케이스의 실제 예제가 필요합니다. 나는 당신이 tinymce fiddle (http://fiddle.tinymce.com/)에서 바이올린을 만들 것을 제안합니다. 이것을 사용하여 나는 코드와 놀고 해결책을 찾을 수있다 – Thariama

답변

3

:이 방법으로

function setup_tiny(textarea_name){  
    tinyMCE.init({ 
     mode : "exact", 
     elements : textarea_name,         

     // General options   
     theme: "advanced", 

     // Theme options 
     theme_advanced_buttons1: "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull", 
     theme_advanced_buttons2: "bullist,numlist,separator,outdent,indent,separator,undo,redo,separator,link,unlink,anchor,image,cleanup,help,code", 
     theme_advanced_buttons3: "hr,removeformat,separator,sub,sup,separator", 
     theme_advanced_buttons4: "", 

     theme_advanced_toolbar_location: "top", 
     theme_advanced_toolbar_align: "left", 
     theme_advanced_resizing: true 
    }); 
} 
$("#edit_item"+val.iditem).colorbox({ 
    href: $(this).attr('href'),      
    data: data, 
    onComplete: function(){        
     setup_tiny("new_description"); 
    }     
}); 

내가 인수로 전달 된 ID 텍스트 영역 내 기능 'setup_tiny'를 호출합니다.

+1

+1 – Thariama

1

숨겨진 텍스트 영역에 $("#edit_item"+val.iditem)이 (가) 호출되었을 수 있습니다. Tinymce는 텍스트 영역이 아닙니다! contenteditable iframe입니다. 당신은 다음을 수행하려고 할 수 있습니다 : 나는 다음과 같은 코드를 사용하여 내 문제를 해결했습니다

$(tinymce.get('description').getBody()).colorbox({ 
    href: $(this).attr('href'),      
    data: data, 
    onComplete: function(){ setup_tiny(); } 
}); 
+0

나는 시도했다 그러나 그것 ' 일하지 마라. – PapaSmurf

+0

일반적으로 colorbox는 무엇을합니까? 어쩌면 다른 HTML 요소를 받아 들일 필요가 있습니다 – Thariama

+0

솔루션을 게시했습니다. 솔루션 공유를위한 – PapaSmurf