javascript - 如何将 tinymce 4.x 动态添加到 textarea?

标签 javascript jquery html tinymce tinymce-4

我在初始化之后将 tinymce 动态添加到 textarea 时遇到了一点问题。

tinymce.init({
    selector: "textarea",
    theme: "modern",
    height: 100,
    plugins: [
         "advlist autolink image lists charmap print preview hr anchor pagebreak spellchecker",
         "link searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor"
   ],
   toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
   style_formats: [
        {title: 'Bold text', inline: 'b'},
        {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
        {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
        {title: 'Example 1', inline: 'span', classes: 'example1'},
        {title: 'Example 2', inline: 'span', classes: 'example2'},
        {title: 'Table styles'},
        {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ]
 }); 

还有我添加新文本区域的按钮:

$('#add_new_text').click(function(){
var n = 1;
$( '<textarea class="cla" name="text'+n+'"></textarea>' ).appendTo( '#wrap_f' );
n++;
   })

我试过这样做 tinyMCE.execCommand('mceAddControl', false, ''); 但它没有用。

最佳答案

您是否尝试过在 appendTo 函数之后调用 tinymce.init 函数?

jQuery 函数同步运行,一次一个。这意味着,您的 init 函数将在 appentTo 完成后运行,这意味着您不需要回调。

只需在appendTo 之后编写您的tinymce.init 函数,然后返回这里告诉结果:)

关于javascript - 如何将 tinymce 4.x 动态添加到 textarea?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30107547/

相关文章:

javascript - 如何在不提交表单的情况下获取输入框的值并将计算出的值放入其他输入框?

div 中的 Jquery 图像使代码表现得很奇怪

javascript - 为什么我在 HTMLLIElement 处收到错误 "Uncaught TypeError: Cannot read property ' style' of undefined。”?

javascript - 单元测试事件驱动的javascript

javascript - 每个组件传递 action() 时出错

javascript - 如何映射具有未知嵌套级别的数组?

html - SEO META 标签 - HTML

javascript - Chrome 扩展程序中的上下文菜单创建不需要的副本菜单

javascript - 如何将 $(document).ready(function() 添加到 joomla

javascript - 跨域 iframe 调整大小