tinymce - 如何在 4.x 中在 ajax 加载的 textarea 上初始化 TinyMCE？

Question

我正在升级到 tinyMCE 4.x，并尝试在通过 AJAX 加载的文本区域上初始化 tinyMCE。在 3.x 中，我做了类似的事情：TinyMCE - 附加到通过 AJAX 调用加载的 div，但这似乎在 4.x 中不起作用。

Answer 1

tinymce.remove();
tinymce.init();

这很好用！

Answer 2

在 TinyMCE 4.x中， mceRemoveControl和mceAddControl已被删除。您必须改用mceRemoveEditor和mceAddEditor。

来自：[已解决] tinymce 4 中的 mceRemoveControl 和 mceAddControl

否则，您可以重新加载 tinymce.init({ ... }) 但这不应该是这样，因为它会更慢。

Answer 3

您可以在包含 textarea 后使用以下代码加载 TinyMCE：

//initialize tinyMCE in page
tinymce.init({selector:'textarea'});

Answer 4

只是为了然后遇到同样的问题。

我解决了将初始化脚本包装成这样的函数的问题。

在我的 init.js 文件中

initializeTinyMce();
function initializeTinyMce(selector){
  if(selector == undefined){selector = 'textarea';}
  ...
  tinymce.init({
    selector: selector,
    ...
  });
}

所以在你添加的ajax请求结果上

<script type="text/javascript">
  $(document).ready(function(){
    initMCE('textarea#someId');
  });
</script>

对我来说很好

Answer 5

tinymce.init({ 选择器:'textarea' });

只需在 ajax 中使用它，如果您无法选择值，那么在提交表单之前，请致电

tinyMCE.triggerSave();