Загрузка TinyMCE через ajax-запрос с использованием jQuery

Question

Я использую функцию jQuery ajax для динамической загрузки содержимого из другого файла.Я хочу добавить редактор TinyMCE на мою страницу таким образом.Ссылка на файл tiny_mce.js и скрипт инициализации редактора должны быть включены в динамически загружаемый файл.Проблема в том, что он не работает для меня.

Вот простой пример того, что я хочу сделать: http://www.darrarski.pl/TinyMCE_ajax/index.html

Вот файл, который загружается через ajax: http://www.darrarski.pl/TinyMCE_ajax/editor.html

Если вы откроете второй файл прямо в браузере, редактор TinyMCE будет работать без проблем.

Используя консоль Firebug, вы увидите, что tiny_mce.js успешно загружается.Я также добавил console.debug () в нескольких местах, так что вы можете видеть, что скрипт из загруженного ajax-файла (editor.html) выполняется правильно и ошибок нет.Ссылка на библиотеку jQuery во втором файле включена только для целей тестирования (поэтому она будет работать при доступе к этому файлу непосредственно в браузере) и не нужна при загрузке редактора через ajax.

Пожалуйста, помогитея решаю эту проблему.

Обновление : Я нашел другой редактор WYSIWYG, который работает так, как я хочу, но он недостаточно хорошо задокументирован, и я боюсь использовать его из-за отсутствиявариантов, которые есть у TinyMCE.Но, возможно, это поможет кому-то пометить возможную инициализацию ajax TinyMCE:

http://www.darrarski.pl/elRTE_ajax/index.html

В любом случае, это именно то поведение, которого я хочу добиться с помощью TinyMCE.

Answer 1

Проблема здесь в том, что вы загружаете не элемент html в div с именем «content», а целую страницу. Это не работает. Что вам нужно сделать, это вставить только HTML-элемент.

Я работал с вашим кодом, и когда ваш editor.html содержит следующее, он работает:

<textarea cols="50" rows="5"  id="editor" name="editor">test content</textarea>
<script type="text/javascript">
        tinyMCE.init({
            mode : "textareas",
            theme : "advanced"
        });
</script>