백 스페이스는 Firefox에서 contenteditable DIV의 내부 HTML 태그를 삭제하지 않습니다.

Question

속성 contenteditable = true이고 속성 contenteditable = false 인 "span"및 "a"와 같은 하위 항목을 추가했습니다. 하나의 백 스페이스로 전체 노드가 삭제되었는지 그리고 파이어 폭스가 요소를 삭제할 수 없다는 것을 테스트 해보고 싶었다. 또한 Firefox를 제외한 모든 주요 데스크톱 브라우저에서 예상대로 작동합니다. 이것에 대한 단서 또는 가능한 해결 방법은 무엇입니까?

정확한 버그는 bugzilla here에서 발견되었습니다.

Answer 1

오케이! 해결책을 찾았습니다 ... 당신이 생각하는 것보다 다소 단순합니다. 실제로 링크에 html을 삽입하고 있으므로 여기 <a>을 사용하십시오. <a> 태그의 속성은 contenteditable = false로 설정되어 있으며 백 스페이스로 삭제되지 않습니다. 그래서 나는 내부에 <span>이라는 contenteditable = fire를 true로 만들었다. 그리고 그것은 그 트릭을 수행했다.

<div contentEditable="true"> 
    <a href="your/url/path" contentEditable="false"> 
    <span contentEditable="true">link here</span> 
    </a> 
</div> 

이것은 Firefox에서만 필요합니다. 다른 브라우저에서는 내용 contenteditable = false를 갖는 범위로 예상대로 이것을 처리합니다.