将 tinyMCE 添加到动态添加的 textarea

Question

将 tinyMCE 添加到动态添加的 textarea

Goa*_*let 3 javascript jquery tinymce dhtml

我有一些 javascript 可以打开一个包含动态创建的 HTML 的灯箱，包括一些文本区域。那我做...

tinyMCE.init({mode: "none", theme: "simple"});
tinymce.execCommand("mceAddControl", true, id);

Run Code Online (Sandbox Code Playgroud)

...其中id特别是一个 textarea 的 id。我知道 id 是正确的，因为那个 textarea 消失了（它突然有display:none作为内联样式？），但是如果我删除该内联样式，textarea 再次显示不变，但没有附加 tinymce 编辑器。为什么要应用内联样式，为什么它没有附加的编辑器？

为塔里亚马编辑

编辑 2 - 代码包含一个错误，但修复后仍然无法正常工作......

好的，这是一个显示问题的示例。

<html>
    <head>
        <script src="jquery.js" type="text/javascript"></script>
        <script src="tiny_mce.js" type="text/javascript"></script>
    </head>
    <body>
        <ul id="list">
        </ul>    
    </body>

    <template id="thingyTemplate">
        <li>
            <label>Email rich text body:</label>
            <textarea rows="8" cols="50" path="bodyRichText" class="wysiwyg"></textarea>
        </li>
    </template>

    <script>

        var newTemplate = $("#thingyTemplate > *").clone();
        $(newTemplate).find("textarea").attr("id", "myTextArea");
        $("#list").append(newTemplate);

        tinyMCE.init({ mode: "none", theme: "simple" });
        tinymce.execCommand("mceAddControl", false, "myTextArea");

    </script>
</html>

Run Code Online (Sandbox Code Playgroud)

当页面加载时，您可以看到模板元素，但列表中的 clone() 副本消失了。如果删除mceAddControl行，则模板及其克隆是可见的。

Answer 1

小智 7

我试过这个：

tinymce.remove();
    tinymce.init({
        selector: 'textarea',
        setup: function (editor) {
            editor.on('change', function () {
                editor.save();
            });
        },
        height: 100,
        width: 350,
        menubar: false,
        plugins: [
          'advlist autolink lists link image charmap print preview anchor',
          'searchreplace visualblocks code fullscreen',
          'insertdatetime media table contextmenu paste code',
          'textcolor'
        ],
        toolbar: 'undo redo | insert | styleselectfontselect fontsizeselect | forecolor backcolor | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
        content_css: '//www.tinymce.com/css/codepen.min.css'
    });

Run Code Online (Sandbox Code Playgroud)

为我工作。

归档时间：	12 年，9 月前
查看次数：	10423 次
最近记录：	8 年，8 月前