Управление документом Tinymce DOM с помощью JQuery

У меня есть текстовая область tinymce с тегом span, например: <span data-range-id="4oYnl5fH0">...</span>.

Когда щелкается диапазон текста, я хочу показать всплывающее окно рядом с текстом.

Проблема в том, что текст скрыт внутри iframe, поэтому JQuery не может получить к нему доступ.

Есть ли способ изменить содержимое чего-либо в iframe с помощью JQuery, особенно с помощью tinymce? Я не могу просто скопировать содержимое, а затем вставить его обратно, потому что мне нужно получить координаты того места, где текст находится на экране. Для этого я бы использовал это:

position = $(this).offset();

Где this — тег span


javascript html jquery tinymce tinymce-4
person sinθ    schedule 05.01.2014    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Да, это возможно и легко.

var editor = tinymce.editors[0]; // or tinymce.get('your_editor_id') or tinymce.activeEditor

var $ed_body = $(editor.getBody());

// do whatever you want with the editor content located inside the body
person Thariama    schedule 09.01.2014
comment
я получаю эту ошибку tinymce editor error cannot read property doc is undefined можете ли вы предложить мне. код var body = tinymce activeEditor.dom.doc.body - person Husna; 03.10.2019
comment
когда вы вызываете этот код? Ваш редактор уже инициализирован? - person Thariama; 08.10.2019