tinyMCE entfernt/deaktiviert Größenanpassungsschalter

Lesezeit: 2 Minuten

Benutzer-Avatar
100pwd

tinyMCE fügt diese hinzu move and resize handles zu einigen meiner Elemente (nicht nur die Bilder).

Am liebsten würde ich sie alle zusammen loswerden aber ich hatte keinen erfolg.

diese haben bei mir nicht funktioniert

tinyMCE.init({

   object_resizing : false

});

scheint, als ob es wirklich einfach sein sollte.

OK, es sieht also so aus, als ob es jedem Element, das absolut positioniert ist, die Größenänderung js hinzufügt. falls das jemandem mit einer antwort weiterhilft.

Ich habe gerade versucht, es zu entfernen, aber ich muss es positionieren, um zu tun, was ich brauche.

Entfernen von jQuery und Erstellen der Antwort von cheez la weez für TinyMCE Version 4. Verwenden Sie dies in einem Plugin, in Ihrem Init-Code oder einfach auf Ihrer Seite, nachdem Sie den Editor instanziiert haben

// 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);
        }
});

Das einzige Unglück ist, dass Ihr Benutzer zurück in den Editor klicken muss, um die Bearbeitung fortzusetzen (Pfeiltasten funktionieren nicht).

im Body-Tag Ihres Editors ist ein Attribut contenteditable="true". Das ist es, was diese lästigen Größenänderungselemente hinzufügt.

wenn Sie dieses Attribut auf setzen false Sie können nichts bearbeiten.

Was Sie tun müssen, ist eine einzurichten onMouseDown Hörer. wenn der Benutzer auf die fraglichen Elemente klickt … setzen Sie es auf contenteditable="false". Wenn ein anderes Element vorhanden ist, setzen Sie es auf contenteditable="true".

Versuche dies…

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

})();

  • Ist das jetzt resize: false.

    – Sehr klein

    30. Juni 2016 um 5:51 Uhr

1380990cookie-checktinyMCE entfernt/deaktiviert Größenanpassungsschalter

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy