Я разрабатываю обходной путь для страшной ошибки в браузерах WebKit при использовании редактора WYSIWYG, такого как CKEditor или TinyMCE, где вы не можете изменить размеры изображений в области, в которой можно спорить.
FireFox и IE оба предоставляют дескрипторы для изменения размера при нажатии на изображение, но WebKit этого не делает, и я не видел, чтобы кто-нибудь предоставил реальный обходной путь для этого.
Что я сделал, так это установил прослушиватели onclick для всех изображений внутри экземпляра CKEditor, который будет перекрывать DIV с абсолютным позиционированием непосредственно поверх изображения, который имеет плагин "jqDnR", позволяющий вам изменять размер DIV. Затем в новом DIV происходит событие изменения размера, которое изменяет размер изображения, по которому щелкнули, чтобы «активировать» наложение.
Я удивлен, что это действительно работает! (В определенной степени)
У меня проблема в том, что изображение плавает вправо.
Ручка изменения размера тянет только вправо. Если изображение перемещается вправо, вам нужно перетащить маркер за пределы окна CKEditor, после чего вы потеряете его.
По сути, все, что я ищу, - это способ "перевернуть" функциональность плагина jqDnR, когда изображение перемещается вправо.
Все плагины перетаскивания и изменения размера, на которые я смотрел, имели ручку изменения размера в нижнем правом углу элемента, и вы можете перетаскивать только вправо.
Я открыт для использования чего-то другого, кроме jqDnR, но до сих пор оно было лучшим и самым простым для работы.
Надеюсь, кому-то есть что сказать по этому поводу.
Спасибо!
jqDnR:
http://dev.iceburg.net/jquery/jqDnR/
Также это простое исправление необходимо для jQuery> 1.1:
плагин jqDnR не работает с jQuery 1.4