在线html编辑器---HtmlArea的使用

(2007-05-24 12:02:57)

分类：Js+Ajax

在工作中才能提高啊,一直苦苦想解决办法的编辑器,今天问同事才知道如此简单那,就是用一个编辑器!不知道sina这个文本编辑器是用的自己开发的还是开源的,下面介绍下htmlarea...

1.将htmlarea放到你的目录里

2.添加一段js,增加一个函数

var editor = null;

function initEditor(){

editor = new HTMLArea("content");//内容

editor.generate();

}

3.在body的onload时间中加载initEditor();

4.表单的onsubmit事件调用this("content").value=editor.getHTML();

给出一个例子:

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ page import="util.Constant" import="ent.javabean.BlogInfo" import="ent.javabean.Article" %>
<%@ page import="java.util.List" import="ent.javabean.Type" import="java.util.Iterator" %>
<%
BlogInfo ent = (BlogInfo)request.getAttribute("ent");
Article article = (Article)request.getAttribute("article");
List list = (List)request.getAttribute("ts");
Iterator it = list.iterator();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>企业博客</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="<%=Constant.SQUIDHOST %>/js/ent.js"></script>
<link rel="stylesheet" type="text/css" href="<%=Constant.SQUIDHOST%>/css/global.css" />
<link rel="stylesheet" type="text/css" href="<%=Constant.SQUIDHOST%>/css/ent/blog_back.css" />
<script>
_editor_url = "<%=Constant.ENTHOST %>/webapp/jsp/ent/htmlarea/";
_editor_lang = "zh-cn-utf8";
</script>
<script>
if(window.top==window){
window.location.href = "<%=Constant.ENTHOST %>/MainCtrl?page=LoadBlogMainPage&right=art_pub";
}
</script>
</head>

</body>
</html>