javascript - tinymce textarea 克隆在 htmleditor 内容中呈现部分视图

Question

我有一个带有几个文本框和一个用于tinymce 的文本区域的部分视图。在我的主要形式中，我将此视图作为隐藏元素：

<div id="template" style="display: none">
  <div id="lessonplan" style="display: none">
    <div id="lessonplanedit">
      LessonPlan
      <br />
      @Html.Partial("LessonPlanEdit", new LessonPlan())
    </div>
  </div>
<div>

单击按钮时，我正在克隆此 div：

function addlessonplan(component) {
    var idiv = $("#"+component).clone();// + component).clone(); //.html();

    idiv.removeAttr("style");

    var divid = component + '_' + counter++;
    var newid = component + '_' + counter++;
    idiv.attr("id", newid);

    $("#panel").append('<div id="' + divid + '"></div>');

    $("#" + divid).append(idiv);

    tinymceinit();
    tinyMCE.execCommand('mceAddControl', false, newid);
    tinyMCE.get(newid).setContent('');
}

我得到的结果是这样的： 即部分视图在 htmleditor 中呈现。你知道为什么会这样吗？