Javascript iFrame WYSIWYG字体大小赢得'；t重置

以下是我的JSFIDLE：

当我在所见即所得中更改字体大小，然后删除所有已写入的文本并重新开始写入时，它将保留最后一个字体大小，而不是重新开始

如何使iframe“忘记”最后的字体大小

代码：

---

附带问题：我觉得奇怪的是，通过将文本封装在

和

标记中，它决定将其转换为像素。有人能解释一下为什么会这样做吗？

因为当您单击“删除”时，您删除的是文本内容，而不是包装标签。当没有文本内容时，您可以清除标记-加上存在保留最后一个元素大小的Chrome错误，因此在移除接缝之前，先用[span]标记进行包装以修复该错误

由于在keyup上调用update_代码，只需在那里添加一个清理检查

function update_code(){
    var $body = $(idoc).contents().find('body');
    if ($.trim($body.text()).length == 0) {
       iwrap('span', iwin, idoc); // chrome bug
       $body.empty();
    }

    var icontent = $body.html();
    $('div#code').html(icontent);
}

---

大/小到跨度：大小似乎也是一种自动的chrome功能

，因为当您单击“删除”时，您删除的是文本内容，而不是包装标签。当没有文本内容时，您可以清除标记-加上存在保留最后一个元素大小的Chrome错误，因此在移除接缝之前，先用[span]标记进行包装以修复该错误

由于在keyup上调用update_代码，只需在那里添加一个清理检查

function update_code(){
    var $body = $(idoc).contents().find('body');
    if ($.trim($body.text()).length == 0) {
       iwrap('span', iwin, idoc); // chrome bug
       $body.empty();
    }

    var icontent = $body.html();
    $('div#code').html(icontent);
}

大/小到跨度：大小似乎也是一个自动的铬元素