Question

하면 일부 콘텐츠 일부의 contentEditable 영역을 고려 편집 영역에서 하나의 단위로 동작하도록하는 방법 :

<div contenteditable="true"> 
    <p>first paragraph</p> 
    <p> 
     <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'> 
     <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'> 
    </p> 
    <p>second paragraph</p> 
</div> 

당신이 왼쪽/오른쪽 화살표 키를 사용하여 탐색 시작하면 캐럿 통해 이동 시작 모든 자식 요소. 이 GIF 문제는 어떻게 캐럿 자식 요소를 무시하는 것입니다 animation

을 봐주세요? 또는 어떤 말로든 : 두 이미지의 동작을 단일 이미지로 만드는 방법은 무엇입니까? jsfiddle

Answer 1

두 이미지가 포함 된 <p>을 콘텐츠 편집을 사용하지 않고 <div>으로 변경해보세요.

<div contenteditable="false"> 
    <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'> 
    <img width='63' src='https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png'> 
</div> 

데모 - http://jsfiddle.net/tfdMt/