@babai19

Как работать с dom внутри iframe?

Есть редактор tinymce на сайте, редактор открывается в iframe. Если вписать много текста в редактор, само собой тег body в iframe увеличится по высоте в реальном времени, а iframe нет, из-за чего iframe отображается с прокруткой вместо того, чтобы увеличиваться по высоте. Как в реальном времени проверять высоту тега body и если она не равна высоте тега iframe, то второму задавать высоту первого? Пробовал на body повесить вешать события разные, например, onkeypress, onkeydown, onkeyup, но они не срабатывают почему-то, срабатывают единожды, когда кликнул по фрейму.
Вот так я добираюсь до тега body в iframe
document.getElementById('tinymce-editor-1_ifr').contentDocument.childNodes[1].lastChild
  • Вопрос задан
  • 2398 просмотров
Пригласить эксперта
Ответы на вопрос 1
@AndreyMyagkov
если подключен jquery
то высота фрейма:

$( "#tinymce-editor-1_ifr" ).contents().find('body').ourerHeight();

проверку высоты можно сделать по таймеру или по клику на body

не уверен, но может есть в настройках редактора автоматического увеличения высоты?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы