javascript – 动态显示tinymce textarea

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 动态显示tinymce textarea，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2181字，纯文字阅读大概需要4分钟。

内容图文

我有一个下拉列表,当做出选择时,将使用ajax在表单中将一堆元素插入到DOM中,在此表单中我有textareas,我希望是TinyMCE textareas.

我的HTML头部里面有这个：

<script type="text/javascript">
    tinymce.init({
        selector: "textarea"

     });
</script>

这是我用来添加一堆元素的ajax函数,这是我需要的工作方式.

function getSecFacility(facsecid, facid) {

    $("#new_section_form").hide();

    $.ajax({
    type: "POST",
    url:  "facility_section_information.php",
    data: 'facility_section_id='+facsecid+'&facility_id='+facid,

    success: function(data){
            $("#selected_fac_section").html(data);
    }
   });
   //loadTinyMCEEditor();
};

我的页面上有其他textareas没有被ajax插入,并且它们显示为WYSIWYG编辑器没问题,问题是当我添加新元素时.

我已经检查了其他几个问题,试图找到一个“答案”,但没有任何工作.

我尝试在我的ajax调用之后创建一个名为loadTinyMCEEditor()的函数,我在getSecFacility()函数中调用它.在这个函数中,我试图为这些新添加的textareas重新初始化tinyMCE.

loadTinyMCEEditor()看起来像这样：

function loadTinyMCEEditor() {
    tinyMCE.init({
            selector: "textarea"
      });
    tinyMCE.execCommand('mceAddControl', false, 'test'); //test is the class name I gave this textarea
    //tinyMCE.execCommand('mceAddControl', true, 'test'); //tried setting the bool to true..even tried without these lines
}

无论我尝试什么,我似乎无法使用新插入的textareas,我怎样才能让这些textareas成为TinyMCE textareas？

编辑

在我从下拉列表中进行选择后,我现在可以查看编辑器到我新添加的textareas.然而,这只能工作一次,如果我做第二次选择,新的textareas只显示为普通的textareas.这是我在ajax函数中改变的内容：

function getFacSecFacility(facsecid, facid) {

    $("#new_section_form").hide();

    $.ajax({
    type: "POST",
    url:  "facility_section_information.php",
    data: 'facility_section_id='+facsecid+'&facility_id='+facid,

    success: function(data){
            $("#selected_fac_section").html(data);
            loadTinyMCEEditor();
    }
   });
};


function loadTinyMCEEditor() {
    tinymce.init({
        selector: "textarea"
    });
}

因此,在我做出选择后,这个ajax函数将运行并显示新的textareas其他表单信息,我重新初始化tinymce编辑器但由于某种原因,这只能工作一次.

我应该更改/做什么,以便我可以从我的下拉列表中进行多项选择,以便每次新textareas显示为tinymce textareas？

解决方法:

您需要使用传入的ajax内容调用tinyMCE.activeEditor.setContent.在你的回调尝试：

tinyMCE.activeEditor.setContent(data);

问候

内容总结

以上是互联网集市为您收集整理的javascript – 动态显示tinymce textarea全部内容，希望文章能够帮你解决javascript – 动态显示tinymce textarea所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端