jQuery - 在tinyMCE WYSIWYG中选择元素

Question

我有一个带有一些WYSIWYG字段的网站（使用带有Wordpress和高级自定义字段的TinyMCE）。我想选择和操作这些字段中的一些元素（添加背景图像），但我不知道该怎么做。

如何进入TinyMCE的iFrame内部并修改元素？ 在选择之前，如何确保所有WYSIWYG字段都已正确加载？

我正在看TinyMCE 4 API，我仍然没有任何线索。

Answer 1

您可以使用init_instance_callback功能设置iframe属性。

Answer 2

  

如何进入TinyMCE的iFrame内部并修改元素？

您可以使用此功能访问Iframe对象。

tinymce.activeEditor.contentAreaContainer.childNodes[0];

您可以使用此功能访问Iframes document。

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

  

在选择之前，如何确保所有WYSIWYG字段都已正确加载？

要知道tinymce何时完全初始化，请将on init事件附加到编辑器的初始化。

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