本次实例用到UEditor富文本编辑器
<!DOCTYPE HTML>
<html>
<head>
<title>EditBlog</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
div {
width: 50%;
}
</style>
</head>
<body>
<form action="page.do" method="post">
<input type="text" style="width: 100px" name="title" placeholder="请输入标题">
<script id="container" name="content" type="text/plain">
编写你的博客内容
</script>
<input type="hidden" name="op" value="add">
<input type="submit" value="提交">
</form>
<script type="text/javascript">
var editor = UE.getEditor('container');
</script>
</body>
</html>