Javascript tinymce textarea克隆在HtmleEditor内容内呈现部分视图

我有一个局部视图，其中有几个文本框和一个用于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>

莱松计划


@Html.Partial（“LessonPlanEdit”，新的LessonPlan（））

单击按钮“我正在克隆此分区”：

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('');
}

功能addlessonplan（组件）{
var idiv=$（“#”+组件）.clone（）；//+组件.clone（）；//.html（）；
idiv.删除注释（“样式”）；
var divid=组件+''.'+计数器++；
var newid=组件+''.'+计数器++；
idiv.attr（“id”，newid）；
$（“#面板”）。附加（“”）；
$（“#”+divid）.append（idiv）；
耳鸣（）；
tinyMCE.execCommand（'mceAddControl'，false，newid）；
tinyMCE.get（newid.setContent）（“”）；
}

我得到的结果如下： i、 e.局部视图在htmleditor内呈现。你知道为什么会这样吗