Инициализация TinyMCE внутри iFrame с родительской страницы
Я работаю над CMS, где мы планируем использовать встроенную функцию редактирования TinyMCE. Мы используем iFrame для просмотра пользователем своего веб-сайта (в режиме редактирования). Родительская страница содержит всю логику редактирования / графический интерфейс. Мы хотели бы сохранить ссылку на Tiny на родительском элементе вне самой страницы iframe (чтобы сохранить сайт пользователя чистым, без ссылок), но инициализировать его для элементов внутри фрейма.
Итак, вот идеальные требования:
- Ссылка на Tiny указана только на родительской странице, а не на странице веб-сайта пользователя (iframe).
- Иметь возможность инициализировать Tiny для определенных элементов (элементов с определенным классом) ВНУТРИ iframe, ОТ родительского
- Уметь удалять / деинициализировать Tiny из элементов на странице для чистого сохранения содержимого.
Я даже не уверен, возможно ли это (не могу найти никого, кто пробовал это), но это определенно было бы нашим идеальным решением. Я не могу найти способ дать Тини селектор, который войдет внутрь фрейма. Например, этот код, который находится на родительской странице.....
tinymce.init({
selector: ".editable-text", //the elements I want to enable this on
inline: true,
.....
});
..... должно быть что-то вроде этого (я понимаю, что это никогда не будет работать):
tinymce.init({
selector: "#My-iframe .editable-text", //So go into the iframe, then find ".editable-text"
inline: true,
.....
});
Если это поможет, у меня есть jQuery как для родителя, так и для фрейма (но у меня нет версии JQuery Tiny).
Спасибо
1 ответ
Я не думаю, что ты можешь. Это даст вам ссылку jQuery на вашу редактируемую область текста:
$("#My-iframe").contents().find(".editable-text");
Но я не могу найти способ передать это методу init TinyMCE или вызвать метод init для этого объекта. TinyMCE хочет только селектор, который недостаточен в этом случае.