小编Goa*_*let的帖子

将 tinyMCE 添加到动态添加的 textarea

我有一些 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"); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery tinymce dhtml

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

dhtml ×1

javascript ×1

jquery ×1

tinymce ×1