TinyMCE编辑器无法正确加载

Question

我正在尝试在ajax调用中将tinyMCE编辑器加载到div中。

当＆＃39;添加＆＃39;按钮单击，第一次使用工具栏加载文本区域。

但是从第二次开始，它将textarea附加到之前加载的textarea和工具栏上。

首先点击：

第二次点击：

这是代码：

 <script type="text/javascript">
        var id=0;
         $(document).ready(function() {

            $("#add").click(function(e) {
                e.preventDefault();
                $.ajax({url: "add.php", type: "POST", data: ({id: id}), success: function(result) {
                        $("#div1").append(result);
                    }});
                  id++;
            });

            $("#remove").click(function(e) {
                e.preventDefault();
                var lastNode = $("#div1").children().last();
                lastNode.prev().remove();
                lastNode.remove();
            });
        });

         </script>
      <div id="div1">
      </div>

add.php

<?php
$id=$_POST['id'];
?>

 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript" src="tinymce/js/tinymce/tinymce.min.js"></script>

 <script type="text/javascript">
 tinymce.init({
    selector: "textarea#area<?php echo $id; ?>",
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
 </script>

 <textarea style="width: 300px; height: 100px;" id="area<?php echo $id;?>" name="value[]"></textarea>

为什么它没有正确追加。哪有错？