富文本编辑器

lsqwzz

于 2012-02-11 01:46:24 发布

阅读量503

点赞数

分类专栏： javascript 文章标签：文本编辑 border html iframe

本文链接：https://blog.csdn.net/lsqwzz/article/details/7250209

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

创建富文本编辑器要用到的东西：

1) 获取选择的内容

window.getSelection || document.getSelection || document.selection.createRange().text

2) 在指定光标处插入内容

try{
     document.execCommand('InsertHtml', html);
   }catch(e){//IE
     document.selection.createRange().pasteHTML(html);
   }

3) 使用iframe编辑方式

var document = iframe.contentDocument || iframe.contentWindwo.document;
document.open();  
document.write('<html><head><mce:style type="text/css"><!--body{border:0;margin:0;padding:3px;height:98%;cursor:text;}--></mce:style><style type="text/css" mce_bogus="1">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>');  
//打开document对象编辑模式  
document.designMode = "on";  
document.close();