tinymce no knockout

by JonNorman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.8.5/tinymce.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/attrchange/2.0.1/attrchange.min.js"></script>
<div id="parameterLines" class="tab-pane fade in active">
  <table style="border: 1px solid">
    <thead>
      <tr class="side-margin">
        <th width="150px">Quality Parameter</th>
        <th width="150px">Method of Analysis</th>
        <th width="180px">Conditions of Analysis</th>
        <th width="200px">Specification Requirement</th>
        <th width="50px">UoM</th>
        <th width="40px">Tol</th>
        <th width="50px">UoT</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>
<button id="reload">reload</button>
<div id="debug">
</div>

JavaScript

$(document).ready(function() {
  $("#reload").click(function() {
    display();
  }).click();
});

function display() {
  var timeNow = Date.now();
  
  tinymce.remove();
  $("#parameterLines tbody").html("");
  $.each(specLines, function(i, specLine) {
    $row = $("<tr></tr>");
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "qp_" + i).addClass("vals4qualityParameters").addClass("tinymceEdit").html(specLine.QualityParameter));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "moa_" + i).addClass("vals4methodsOfAnalysis").addClass("tinymceSupSubEdit").html(specLine.MethodOfAnalysis));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "coa_" + i).addClass("vals4conditionsOfAnalysis").addClass("tinymceSupSubEdit").html(specLine.ConditionsOfAnalysis));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "req_" + i).addClass("vals4requirements").addClass("tinymceSupSubEdit").html(specLine.SpecRequirement));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "uom_" + i).addClass("vals4units").addClass("tinymceEdit").html(specLine.UOM));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "tol_" + i).addClass("vals4Tol").addClass("tinymceSupSubEdit").html(specLine.Tolerance));
    $row.append($col);
    $col = $("<td></td>").attr("valign", "top").append($("<div></div>").attr("id", "uot_" + i).addClass("vals4units").addClass("tinymceEdit").html(specLine.UoT));
    $row.append($col);
    $("#parameterLines tbody").append($row);
  });
  tinymce.init(tinymceDefaults);
  $("#debug").text((Date.now() - timeNow) + "ms");
}
var specLines = [{
  "ID": 300168,
  "SpecID": 12007,
  "QualityParameter": "Appearance",
  "MethodOfAnalysis": null,
  "ConditionsOfAnalysis":...