Geek Answers Handbook

Webkit: changing a live image in a content container

I am trying to be able to resize images in a contenteditor div in Chrome, like Firefox does. When you click on an image, resizing handlers should appear. I tried the jQuery UI resizable plugin, but it gets broken when you move (drag and drop) the images inside the container. Also tried the CSSize resize property, but it only applies to block elements, not to Any suggestion? Thanks

+5
source share
2 answers

WebKit does not support resizing images and tables in editable elements, unfortunately.

In this case, you will have to use some other means, for example, adding a click event handler to the edited element and drawing separator elements around the image if you click one of them. Seeing how the big editors (TinyMCE and CKEditor) did not implement it, I assume that there are difficulties.

+5
source

WebKit . , javascript. javascript iframe. jQuery , http://www.editorboost.net/webkitresize. .

+5

More articles:


All Articles