如何使用javascript动态创建tinymce实例

How to dynamically create an instance of tinymce using javascript?

本文关键字：tinymce 实例 创建 动态 何使用 javascript      更新时间：2023-09-26

如何使用javascript动态创建tinymce实例?这是我到目前为止的代码:

javascript: 

$(function()
{   
    $("#onesnippet").click(function()
    {
        alert("One Snippet");
        var idiv = document.getElementById('translations');
        var newdiv = document.createElement('div');
        newdiv.id = 10;
        idiv.appendChild(newdiv);
        var latestdiv = document.createElement('div')
        latestdiv.id = 4;
        newdiv.appendChild(latestdiv);
        var textarea1 = document.createElement('textarea');
        textarea1.id = "mceEditor3";
        textarea1.className = "mceEditor";
        latestdiv.appendChild(textarea1);
    });
});

php文件:

<script>
        tinymce.init({mode : "specific_textareas", element : "mceEditor,mceEditor1,mceEditor2,mceEditor3", editor_selector : "mceEditor"});
</script>

完成代码，然后添加编辑器初始化代码。

$(function()
{   
    $("#onesnippet").click(function()
    {
        alert("One Snippet");
        var idiv = document.getElementById('translations');
        var newdiv = document.createElement('div');
        newdiv.id = 10;
        idiv.appendChild(newdiv);
        var latestdiv = document.createElement('div')
        latestdiv.id = 4;
        newdiv.appendChild(latestdiv);
        var textarea1 = document.createElement('textarea');
        textarea1.id = "mceEditor3";
        textarea1.className = "mceEditor";
        latestdiv.appendChild(textarea1);
        tinymce.init({mode : "specific_textareas", element : "mceEditor,mceEditor1,mceEditor2,mceEditor3", editor_selector : "mceEditor"});
    });
});
相关文章：