自己写Html编辑器-创建一个可输入的区域

应用中肯定有自己写Html编辑器的需求，第一步是要考虑创建一个可编辑的区域，当然不能是input，要用iframe或div，下面给出iframe的例子页面，至于div的，我机器上已经找不到了，找到在发布出来。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自己写Html编辑器</title>
</head>
<body onLoad="init()">
<iframe name="EditForm" id="EditForm" frameborder="0" style=" width:700px;height:400px;padding:0;margin:0;border:1px solid #AAAAAA">
<html>
<head>
<title>我的可编辑区</title>
<style type="text/css">
p {margin:0;}
</style>
</head>
<body style="font-size:12px;font-family:SimSun;margin:2px;background-color:#FFFFFF">
fffffffffffffffffffff
</body>
</html>
</iframe>
</body>
</html>
<script>
function init()
{
var EDITFORM_DOCUMENT = document.frames("EditForm").document;
EDITFORM_DOCUMENT.designMode = 'On';
}
</script>