ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 兼容FireFox,IE,Chrome的html在线编辑设置

兼容FireFox,IE,Chrome的html在线编辑设置

原创 Linux操作系统 作者:atlantisholic 时间:2012-07-05 14:28:02 0 删除 编辑







 window.onload=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) ;
  }
 }

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/23071790/viewspace-734643/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2010-08-30

  • 博文量
    130
  • 访问量
    627891