Обработка события щелчка изображения в области ContentEditable

Question

Я пытаюсь настроить jwysiwyg jquery RTE. Я хотел бы создать редактор атрибутов изображения, чтобы после вставки изображения в редактируемую область пользователь выбирал его, а затем появлялось модальное окно или панель свойств, позволяющая пользователю редактировать ширину / высоту и т. Д. Аналогично gmails. Интерфейс вставки изображений.

Проблема в том, что у меня возникли проблемы с поиском способа обработки необходимого события щелчка изображения. Кто-нибудь знает пример кода или информацию о том, где я могу начать?

Answer 1

Я только начинаю что-то подобное.Используя метод делегата () jQuery, я заставил его работать так:

$("#bodyoftheeditordocument").delegate("img", "click", function (evt) {
   // handle click event here...
});

Крутая вещь в методе делегата заключается в том, что он прикрепит этот обработчик события к любому тегу img в теле, настоящем или будущем,Так что даже изображения, вставленные как часть процесса редактирования с подключением.

Удачи.

Mark

Answer 2

Мое решение на iOS 10 - добавить атрибут contenteditable = "false" к элементу img, который должен быть активным. В противном случае, сафари подумает, что вы намерены просто переместить каретку до / после изображения, если оно находится внутри элемента contenteditable.