如何在 WordPress 中使用 jQuery 操作 tinyMCE 内容？答案

【问题标题】：How to manipulate tinyMCE content using jQuery in WordPress?如何在 WordPress 中使用 jQuery 操作 tinyMCE 内容？
【发布时间】：2015-12-30 10:02:25
【问题描述】：

在过去的两天里，我一直在寻找一种使用 WordPress 中的自定义按钮来操作 tinyMCE 内容的方法。使用editor.getBody()，我能够轻松获取内容并对其进行操作，但我不知道如何获取光标位置或选定元素。我试过getContent，但它的行为不同。

我正在做的是：当用户单击自定义按钮时，我需要找到它的某个父元素，然后对其进行操作。有什么办法可以做到吗？

【问题讨论】：

标签： jquery wordpress tinymce

【解决方案1】：

是的，这行得通。您可以使用 setup tinymce 配置参数：

setup : function(ed) {

    ed.on('init', function(e){
        $(ed.getBody()).bind('change', function(e) {
            // do your magic here if e.target is your button!         

        });
    });
}

在编辑器中获取插入符节点的另一种方法是调用：

tinymce.get('your_editor_id').selection.getNode();

【讨论】：

我需要阅读有关设置配置参数的文档。但是'getNode()'回答了我的问题。谢谢。