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

Question

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

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

Answer 1

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

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

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

Удачи.

Марк

Answer 2

Мое решения по прошивке 10, чтобы добавить contenteditable = «ложный» атрибут в IMG элемент, который должен быть интерактивными. В противном случае сафари будут думать, что ваше намерение состоит в том, чтобы просто перемещать каретку до/после изображения, если оно находится внутри элемента, удовлетворяющего контенту.