Остановите редактирование определенных элементов внутри документа, имеющего designMode = "on";

Question

Я использую iframe и устанавливаю его contendocument.designMode в значение «on». Это позволяет мне копировать Rich Text Editor и добиться большей гибкости в процессе редактирования.

Проблема в том, что у меня есть определенные ссылки (<a href="#" onclick="alert(1);">test</a>), которые добавляются на страницу, и, конечно, эти ссылки не работают, потому что я нахожусь в designMode.

Сначала я подумал: ну, я просто оберну эту ссылку внутри другого iframe, но все равно он не будет запускать событие, прикрепленное к нему.

Есть ли способ заставить некоторые элементы работать как обычно, даже если они находятся внутри designMode="on" документа?

Answer 1

Недавно возникла точно такая же проблема. Мое решение состояло в том, чтобы использовать div с contentEditable = "true" вместо iframe, который затем позволяет вам устанавливать contentEditable = "false" для элементов в этом div. Не идеальное решение, но работа в моем случае выполнена.

Answer 2

Вы можете установить флажок, чтобы переключать режимы дизайна вкл. Чтобы увидеть действие временно, чтобы designMode 'выключен'. Таким образом, вы сможете получить желаемое поведение вашего скрипта.

Answer 3

Если вы посмотрите на документы Google, когда вы сосредоточитесь на ссылке, они показывают небольшой div с различными действиями для этой ссылки.

Я полагаю, они уже потратили много энергии, чтобы сделать это как можно лучше. Так что я бы не попробовал что-то другое.