2013-04-25 4 views
0

Stackoverflow 및 다른 곳에서이 문제에 대한 답변을 찾으려고 노력했지만 찾은 솔루션 중 아무 것도 저에게 적합하지 않습니다. 여기에, 내 문제는 :TinyMCE 편집기 내에서 콘텐츠 선택하기 jQuery를 사용하여

나는 WordPress에 추가 한 간단한 TinyMCE 버튼이 있습니다. 버튼은 정상적으로 작동합니다. 이제 버튼이 jQuery를 사용하여 편집기에 입력하는 내용을 선택할 수 있기를 원합니다. 그것이 내가 문제를 일으키는 곳입니다. 내가 알고 싶은 것은 내가 jQuery를 사용하여 행의 클래스 사업부를 선택할 수있는 방법을 간단하게 지금

(function() { 
    tinymce.create('tinymce.plugins.wpAddContent', { 
     init : function(ed, url) { 
     ed.addButton('wpaddcontent', { 
      title : 'WP Add Content', 
      image : url+'/addContentImage.png', 
      onclick : function() { 
       ed.execCommand('mceInsertContent', false, '\ 
        <div class="row">\ 
         <div class="large-6 columns">Some content...</div>\ 
         <div class="large-6 columns">Some content...div>\ 
        </div>\ 
       '); 
       } 
      }); 
     }, 
    createControl : function(n, cm) { 
     return null; 
    }, 
    getInfo : function() { 
     return { 
     longname : "WP Add Content", 
     author : '', 
     authorurl : '', 
     infourl : '', 
     version : "" 
     }; 
    } 
    }); 
    tinymce.PluginManager.add('wpaddcontent', tinymce.plugins.wpAddContent); 

})(); 

: 여기

버튼에 대한 코드입니다.

아이디어가 있으십니까? TinyMCE를 API의 여러 옵션이 있습니다 -

감사합니다,

답변

0

좋아

모세는, 내가이 알아 낸 것으로 보인다.

ed.onVisualAid.add(function(ed, e, s) { 
     jQuery('#content_ifr').contents().find('.row')..css({'background-color', 'red'); 
    }); 

당신은 여기에 다른 옵션을 찾을 수 있습니다 : http://www.tinymce.com/wiki.php/API3:class.tinymce.Editor

이 작동하는 것들 중 하나입니다
관련 문제