如何在WordPress中使用jQuery操作tinyMCE内容?

时间:2015-12-30 10:02:26

标签: jquery wordpress tinymce

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

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

1 个答案:

答案 0 :(得分:1)

是的,这很有效。 您可以使用setup tinymce config参数:

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();