jQuery - 在tinyMCE中選擇元素所見即所得

我有一個所見即所得字段的網站（使用TinyMCE和Wordpress &高級自定義字段）。我想選擇和處理這些字段中的一些元素（添加背景圖像），但我不知道如何做到這一點。jQuery - 在tinyMCE中選擇元素所見即所得

如何到達TinyMCE的iFrame內部並修改元素？我如何確保在選擇所有所見即所得字段之前正確加載？

我在看TinyMCE 4 API，但我仍然沒有任何線索。

來源

2015-09-21 Johan Dahl

要獲取TinyMCE編輯器中的HTML元素，請使用'tinymce.activeEditor.getContent（{format：'html'}）''。 – PalinDrome555

我不想要編輯器內的內容，我想要身份證「tinymce」的身體。它位於構成每個編輯器的每個iframe中。 –

您可以使用init_instance_callback函數來設置iframe屬性。

來源

2015-09-23 12:34:08

這不提供問題的答案。要批評或要求作者澄清，在他們的帖子下留下評論 - 你總是可以評論你自己的帖子，一旦你有足夠的[聲譽]（http://stackoverflow.com/help/whats-reputation），你會能夠[評論任何帖子]（http://stackoverflow.com/help/privileges/comment）。 –

@WesFoster這是一個批評或澄清要求？這是一個答案，雖然很短。 – Anders

init_instance_callback：function（editor）{（'＃'+ editor.id +'_ifr'）。addClass（'chatFrame'）; } – Sreeraj

如何到達TinyMCE的iFrame內部並修改元素？

您可以使用它訪問Iframe對象。

tinymce.activeEditor.contentAreaContainer.childNodes[0];

您可以使用此訪問Iframesdocument。

tinymce.activeEditor.contentAreaContainer.childNodes[0].contentWindow.document;

我怎樣才能確保所有所見即所得字段正確加載之前，我選擇它們？

要知道何時tinymce已完全初始化，請將on init事件附加到編輯器的初始化。

tinymce.init({ 
    .....  
    setup: function(editor){ 
     //fired when tinymce is loaded 
     editor.on('init', function(e){     
      //All Loaded 
     });       
    } 
});

來源

2015-09-23 19:23:34 PalinDrome555

jQuery - 在tinyMCE中選擇元素所見即所得

回答

相關問題