TinyMCE prevent image resizing

Question

I am adding an image to a TinyMCE editor using:

var params = {
             src: filename,
             title: "Attached image: " + filename,
             width: 500
             };

ed.execCommand("mceInsertContent", false, ed.dom.createHTML("img", params));

This insert the image correctly in the editor. However, when the user clicks on the image he has the ability of resizing it.

I would like to know if there is a way to:

1. Prevent the user to resize only in one direction (i.e. how do I keep a fixed aspect ratio for the image)
2. Completely prevent the user to resize the image

Answer 1

I found a (partial) answer, so I thought I will share it here.

Adding

'object_resizing' : false

In the editor config prevents the resizing. Note that this is a feature of Mozilla only (e.g. Google Chrome does not allow you to resize the image).

I am still looking for a way of keeping aspect ratio in real time, but I do not know if that is really possible.

Answer 2

You can simply add this little plugin to tinyMCE, I used it and it works very well! Here's the documentation: Link