本文主要是介绍在线编辑器fckeditor的学习使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.下载fckeditor,目录中有很多例子可以查看,我需要的是jsp相关代码,因此可以大量简化,删除无关内容。
2.简化后的目录在我的下载资源中可以找得到。
3.在资源里面有个sample.html这个文件,文件很短,简化后的内容如下
- <html>
- <head>
- <link href="sample.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="fckeditor.js"></script>
- <script type="text/javascript">
- window.onload = function() {
- var sBasePath = "";
- var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
- oFCKeditor.BasePath = sBasePath ;
- oFCKeditor.ReplaceTextarea() ;
- }
- </script>
- </head>
- <body>
- <form action="destination.jsp" method="post" target="_blank">
- <div>
- <textarea name="FCKeditor1" rows="10" cols="80" style="width: 100%; height: 200px">这个textarea的名字很重要</textarea>
- </div>
- <br />
- <input type="submit" value="Submit" />
- </form>
- </body>
- </html>
需要注意的是:
(1)在文件加载时window.onload调用的那个函数,比较重要的是sBasePath="fckeditor的目录";
(2)在生成fckeditor对象时传递的参数应该是你要替换的textarea的名字。
4.在webroot目录下新建一个fckeditor目录,然后把这些文件复制到这个目录中,然后把sample.html文件中的代码复制到要用的地方即可。
这篇关于在线编辑器fckeditor的学习使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!