jwysiwyg jquery RTE를 사용자 정의하려고합니다. 이미지 속성 편집기를 만들어서 이미지가 편집 가능 영역에 삽입되면 사용자가이를 선택하고 모달 창이나 속성 패널이 나타나서 사용자가 너비/높이 등을 편집 할 수있게합니다. gmails와 유사합니다. 이미지 삽입 UI.이미지 처리 ContentEditable 영역에서 이벤트 클릭
문제는 필요한 이미지 클릭 이벤트를 처리하는 방법을 찾는 데 어려움이 있습니다. 누구든지 내가 시작할 수있는 몇 가지 예제 코드 나 정보를 알고 있습니까?
나는 비슷한 것을 시작하고 있습니다.
$("#bodyoftheeditordocument").delegate("img", "click", function (evt) {
// handle click event here...
});
위임 방법에 대한 좋은 점은 그것이 현재 또는 미래 몸의 모든 img 태그에이 이벤트 핸들러를 첨부 할 것입니다 : jQuery의 위임() 메소드를 사용하여, 나는이 같은 일을 얻었다. 따라서 편집 프로세스의 일부로 삽입 된 이미지조차도 유선화됩니다.
행운을 빈다.
마크
아이폰 OS (10)에 내 솔루션 클릭 할 필요 img 요소에의 contentEditable = "거짓"속성을 추가하는 것입니다. 그렇지 않으면 safari는 contenteditable 요소 안에있는 경우 이미지의 앞뒤에 캐럿을 옮기는 것이 당신의 의도라고 생각할 것입니다.