designMode = "on"인 문서에서 특정 요소를 편집하지 못하게합니다.

Question

iframe을 사용하고 contendocument.designMode를 "on"으로 설정하고 있습니다. 이를 통해 서식있는 텍스트 편집기를 복제하고 편집 프로세스의 유연성을 향상시킬 수 있습니다.

문제는 페이지에 추가 된 특정 링크 (<a href="#" onclick="alert(1);">test</a>)이며, 물론이 링크가 작동하지 않는 이유는 내가 designMode에 있기 때문입니다.

처음에 나는 다른 iframe 내부에서 해당 링크를 감쌀 것이지만 그래도 첨부 된 이벤트는 실행하지 않을 것이라고 생각했습니다.

designMode="on" 문서 안에 있더라도 특정 요소가 정상적으로 작동하는 방법이 있습니까?

Answer 1

최근에 똑같은 문제가있었습니다. 내 솔루션 div로 contentEditable = "true"대신 해당 div 내에서 요소에 contentEditable = "false"설정할 수있는 iframe 대신 사용하는 것입니다. 완벽한 솔루션은 아니지만 제 경우에는 완료됩니다.

Answer 2

Google 문서를 보면 링크에 집중하면 해당 링크에 대해 다른 작업으로 작은 div가 표시됩니다.

나는 그들이 할 수있는 최선을 다하기 위해 이미 많은 에너지를 소비했다고 생각한다. 그래서 나는 다른 것을 시도하지 않을 것입니다.

Answer 3

'on'과 'off'의 디자인 모드로 전환하려면 확인란을 선택할 수 있습니다. 일시적으로 행동을보고 디자인 모드를 '끄기'. 이렇게하면 스크립트의 원하는 동작을 얻을 수 있습니다.