JQuery — WYSIWYG редактор не работает на textarea, которые генерируются с помощью вызовов ajax-php

У меня есть текстовая область, которую я генерирую с помощью ajax, но после загрузки текстовой области эта текстовая область не конвертируется в WYSIWYG Editor, а работает с обычной текстовой областью. Пожалуйста, помогите решить мою проблему.

<!DOCTYPE html>
<html>
<head>
........
$.ajax({
type: "POST",
url: "<?php echo base_url(); ?>" + "dashboard/show_data",
cache: false,
dataType: "json",
success: function(data){

$('#demo').html(data);
........
<script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
<script>tinymce.init({selector:'textarea'});</script>
</head>
<body>
<textarea>Easy! You should check out MoxieManager!</textarea>
<section id="demo">
</section>
</body>
</html>

show_data.php

<textarea></textarea>

0

Решение

Попробуйте добавить это

tinymce.init({selector:'textarea'});

После того, как вы поместили свой HTML в элемент demo. В противном случае Google, как использовать JQuery on, Ваша проблема в том, что редактор mce должен привязаться к новому элементу dom и не будет этого делать, если вы этого не скажете.

0

Другие решения

Проблема заключается в том, что в момент выполнения функции успеха ajax редакторы tinymce уже были инициализированы.

Решение этого легко. Вам просто нужно инициализировать новый редактор в случае успеха:

$.ajax({
type: "POST",
url: "<?php echo base_url(); ?>" + "dashboard/show_data",
cache: false,
dataType: "json",
success: function(data){

$('#demo').html(data);

//put the initial init function here instead
tinymce.init({selector:'textarea'});

// **or** better in case you know the textarea id use
tinymce.init({ selector: "#textarea_id" });
........
1

По вопросам рекламы [email protected]