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 内でレンダリングされます。なぜこれが起こっているのか分かりますか？