Javascript t删除/禁用大小调整开关

Javascript t删除/禁用大小调整开关,javascript,wordpress,tinymce,Javascript,Wordpress,Tinymce,tinyMCE正在向我的一些元素(不仅仅是图像)添加那些移动和调整大小手柄 我很想把它们全部除掉但我没有成功 这些对我不起作用 tinyMCE.init({ object_resizing : false }); 看起来应该很容易 好的,看起来它是在向任何绝对定位的元素添加resize js。如果这能帮助任何人找到答案 我刚刚尝试删除它,但我需要定位它以执行我需要的操作。在编辑器的body标记中有一个属性contenteditable=“true”。这就是添加这些讨厌的调整大小元素的

tinyMCE正在向我的一些元素(不仅仅是图像)添加那些
移动和调整大小手柄

我很想把它们全部除掉但我没有成功

这些对我不起作用

tinyMCE.init({

   object_resizing : false

});
看起来应该很容易

好的,看起来它是在向任何绝对定位的元素添加resize js。如果这能帮助任何人找到答案


我刚刚尝试删除它,但我需要定位它以执行我需要的操作。

在编辑器的body标记中有一个属性
contenteditable=“true”
。这就是添加这些讨厌的调整大小元素的原因

如果将该属性设置为
false
,您将无法编辑任何内容。

您需要做的是设置一个
onMouseDown
侦听器。如果用户正在单击有问题的元素。。。将其设置为
contenteditable=“false”
。如果有任何其他元素,请将其设置为
contenteditable=“true”

试试这个

(function() {  

    tinymce.create('tinymce.plugins.yourplugin', {  

        init : function(ed, url) { 

            ed.onMouseDown.add(function(ed, e) {    

                var body = ed.getBody();

                if(jQuery(e.target).hasClass('target-in-question')) {

                    jQuery(body).attr({'contenteditable': false})

                    // and whatever else you want to do when clicking on that element

                }else {
                    jQuery(body).attr({'contenteditable': true})
                }

            }); 

        },  

        createControl : function(n, cm) {  

            return null;  

        },  

    });  

    tinymce.PluginManager.add('yourplugin', tinymce.plugins.yourpluginl);  

})();

删除jQuery,并使cheez-la-weez的答案适用于TinyMCE版本4。在插件、init代码或实例化编辑器后的页面中使用此选项

// var editor = your tinyMCE editor instance (e.g. tinymce.activeEditor)

editor.on('mousedown', function(e) {

        var element = e.target,
            body = editor.dom.doc.body;

        if (editor.dom.hasClass( element, 'your-class')) {
            editor.dom.setAttrib(body,'contenteditable',false);
        } else {
            editor.dom.setAttrib(body,'contenteditable',true);
        }
});
唯一不幸的是,您的用户必须单击返回编辑器才能继续编辑(箭头键不起作用)

现在是这样。