编辑器无法清空，插入代码

主题: 编辑器无法清空，插入代码

作者: jack, 发布日期: 2009-06-23 09:13:15, 浏览数: 6504

我按照网站上的程序演示demo-14.html，JS增加了两行（红色文字）
<script type="text/javascript">
      KE.show({
          id : 'content1',
          cssPath : './index.css'
      });
      function clearEditor(id) {
          KE.g[id].iframeDoc.open();
          KE.g[id].iframeDoc.write(KE.util.getFullHtml(id));
          KE.g[id].iframeDoc.close();
          KE.g[id].newTextarea.value = '';
      }
      function insertHtml(id, html) {
          KE.util.focus(id);
          KE.util.selection(id);
          KE.util.insertHtml(id, html);
      }
    clearEditor('content1');
    insertHtml('content1', '<strong>测试内容</strong>');
    </script>
但是好像并没有如预期的那样，先清空内容，然后插入内容，为什么清空插入内容一定要点击按钮？

作者: Roddy, 发布日期: 2009-06-23 20:51:02

编辑器在window load事件里创建，你调用时编辑器还没创建，所以不能调用编辑器的API。

正确的做法为如下：

function clearEditor(id) {
    KE.g[id].iframeDoc.open();
    KE.g[id].iframeDoc.write(KE.util.getFullHtml(id));
    KE.g[id].iframeDoc.close();
    KE.g[id].newTextarea.value = '';
}
function insertHtml(id, html) {
    KE.util.focus(id);
    KE.util.selection(id);
    KE.util.insertHtml(id, html);
}
KE.init({
    id : 'content1',
    cssPath : './index.css'
});
KE.event.add(window, 'load', function() {
    KE.create('content1');
    clearEditor('content1');
    insertHtml('content1', '<strong>测试内容</strong>');
});

论坛 Forum