兼容FireFox,IE,Chrome的html在线编辑设置-CSDN博客

window.οnlοad=function(){
  var editor;
  alert(document.getElementById("HtmlEdit"));
  editor = document.getElementById("HtmlEdit").contentWindow;
  //只需键入以下设定，iframe立刻变成编辑器。
  editor.document.designMode = 'On';
  editor.document.contentEditable = true;

  //但是IE与FireFox有点不同，为了兼容FireFox，所以必须创建一个新的document。
  editor.document.open();
  editor.document.writeln('

');
editor.document.close();

  //字体特效－加粗方法一
  function addBold()
  {
  editor.focus();
  //所有字体特效只是使用execComman()就能完成。
  editor.document.execCommand("Bold", false, null);
  }
  //字体特效－加粗方法二
  function addBold()
  {
  editor.focus();
  //获得选取的焦点
  var sel = editor.document.selection.createRange();
  insertHTML(""+sel.text+"");
  }
  function insertHTML(html)
  {
  if (editor.document.selection.type.toLowerCase() != "none")
  {
  editor.document.selection.clear() ;
  }
  editor.document.selection.createRange().pasteHTML(html) ;
  }
}