iframe实现编辑器，编辑器中可以加事件 -

283433775

浏览: 223844 次
性别:
来自: 合肥

最近访客更多访客>>

lhj_ashby

NancyGreen5

jqmtony

wxcode

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

iframe实现编辑器，编辑器中可以加事件

博客分类：

iframe编辑器

fckeditor 设计模式 Gmail JavaScript HTML

由于项目需要，最近做了个自制的编辑器，其实，回头来看编辑器的实现觉得也蛮容易的吗。不过话说回来，如果做成现在的（javaeye用的这个有点像fckeditor），那还得需要很大很大的很复杂很复杂的编码控制。这里小介绍一下，如果在编辑器中触发事件：

main.html

<html>
<body>
<iframe id="editor" name="editor"></iframe>
</body>
</html>
<script type="text/javascript">
var _frame = document.getElementById("editor");
var _window = _frame.contentWindow;
_window.document.designMode="on";//设置为设计模式，就可以填写内容了
_window.document.canHaveHTML=true;/.可以包含HTML
initEditor();

function initEditor(){
//可以写一堆事件处理
_window.document.onmouseup= function(){
}
_window.document.click= function(){
}
}
</script>

这应该很简单吧，但关键是实现下面这样的功能，类似Gmail中的连接功能：