Fckeditor的使用（二）：Fckeditor安装与例子
1.安装把FCKeditor_2.6.3.zip解压后的内容拷到WebRoot下。
2.使用
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
oFCKeditor.Create();
</script>
<script type="text/javascript">
window.onload = function() {
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
<body>
This is my JSP page. <br>
<textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
</body>
</html>
修改
三种方法：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
//第一种方法
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
oFCKeditor.Width = "70%";
oFCKeditor.Height = "150";
oFCKeditor.Value = "default"
oFCKeditor.Create();
</script>
<script type="text/javascript">
window.onload = function() {
//第二种方法
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
//第三种方法
var div = document.getElementById("myFCKeditor");
var fck = new FCKeditor("myFCKeditor");
fck.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
div.innerHTML = fck.CreateHtml();
}
</script>
<body>
<br/>Method 2<br/>
<textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
<br/>Method 3 <br>
<div id="myFCKeditor">
</div>
</body>
</html>
页:
[1]