使用jQuery我試圖操縱WordPress的內容編輯器,它使用TinyMCE的一個iframe內。我似乎無法得到下面的代碼工作打算:訪問的WordPress的TinyMCE的iFrame的
jQuery(document).ready(function($) {
$('#content_ifr').ready(function() {
$('#content_ifr').contents().find('body').css('background-color', '#f33');
});
不管我是否使用「就緒()」或「.load()」,該事件的TinyMCE的編輯器之前將火( iframe的主體)完全加載完成。
但是,下面的代碼將工作,如果我等待的iframe手動單擊標題文本之前加載火單擊事件:
jQuery(document).ready(function($) {
$('#title').click(function() {
$('#content_ifr').contents().find('body').css('background-color', '#f33');
});
我已經窮盡搜索了jQuery和iFrame中的主題,而且這看起來是根據情況而定。一些代碼適用於某些人,而不適用於其他人。
有誰知道的一種方式來獲得第一代碼片段TinyMCE的IFRAME體後,火被完全完成載入?因爲它只是WordPress內容編輯器,所以iframe內容位於同一個域中。
我真正想要做的是一類通過.addClass()
jQuery(document).ready(function($) {
$('#content_ifr').ready(function() {
$('#content_ifr').contents().find('body').addClass('ui-droppable');
});
所以添加到body元素在iframe中,我可以在下面的教程應用拖N」滴代碼:
http://skfox.com/2008/11/26/jquery-example-inserting-text-with-drag-n-drop/
也許改變TinyMCE代碼本身? – HerrSerker
@HerrSerker這種情況已經開始看起來像是唯一的可能性:創建一個在TinyMCE插件觸發通過一個全局變量的事件或信號,但是這將是頗爲曲折。嗯 – Robert