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>