javascript - 如何彻底摧毁tinymce？-6ren

javascript - 如何彻底摧毁tinymce？

转载作者：数据小太阳更新时间：2023-10-29 04:27:22

我正在做这样的事情:

在网页上，有一篇文章包裹在一个 DIV 中，一个编辑按钮。当用户单击“编辑”按钮时，通过 javascript 插入一个文本区域，将 DIV 的 html 加载到文本区域中，加载并初始化 tinymce。当用户点击保存按钮时，通过ajax保存并更新文章，彻底销毁tinymce。

问题是，我没能销毁tinymce。这是 the doc of the destroy method .

我用的是jQuery版本的tinymce，最新的V3.2.2

示例代码如下:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="../js/tinymce/jquery.tinymce.js"></script>
        <script type="text/javascript">
            $(function() {
                $('button.load').click(loadTinyMCE);
                $('button.destory').click(destoryTinyMCE);
            });

            function loadTinyMCE() {
                $('textarea').tinymce({
                    script_url : '../js/tinymce/tiny_mce.js'
                });
            }

            function destoryTinyMCE() {
                $('textarea').tinymce().destroy();
            }
        </script>
    </head>
    <body>
        <textarea>abc</textarea>
        <button type="button" class="load">Load TinyMCE</button>
        <button type="button" class="destory">Destory TinyMCE</button>
    </body>
</html>