fckeditor编辑器的使用
2014-02-04 15:23
253 查看
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK”
是这个编辑器的作者的名字Frederico
Caldeira Knabben的缩写。
下面介绍fckeditor的使用:
下载Fckeditor解压并拷贝到工程的webroot下,如下图:
然后再jsp中的body标签中引入js:
<script type="text/javascript"
src="/工程名/fckeditor/fckeditor.js">
</script>
在需要显示编辑器的区域中加入如下代码:
<script>
var oFCKeditor = new FCKeditor( 'editor1' ) ;
oFCKeditor.BasePath = '/TransactionDemoTeam/fckeditor/' ;
oFCKeditor.Height = 200 ;
//oFCKeditor.ToolbarSet = 'Basic';
oFCKeditor.ToolbarSet = 'Default';//指定样式
oFCKeditor.Value='${em.content}';
oFCKeditor.Create() ;
</script>
注意:
以上代码中的:
editor1即为该编辑器控件的名字,在servlet中可以通过request.getParameter("editor1");获得编辑里编辑完的内容。
效果如下:
是这个编辑器的作者的名字Frederico
Caldeira Knabben的缩写。
下面介绍fckeditor的使用:
下载Fckeditor解压并拷贝到工程的webroot下,如下图:
然后再jsp中的body标签中引入js:
<script type="text/javascript"
src="/工程名/fckeditor/fckeditor.js">
</script>
在需要显示编辑器的区域中加入如下代码:
<script>
var oFCKeditor = new FCKeditor( 'editor1' ) ;
oFCKeditor.BasePath = '/TransactionDemoTeam/fckeditor/' ;
oFCKeditor.Height = 200 ;
//oFCKeditor.ToolbarSet = 'Basic';
oFCKeditor.ToolbarSet = 'Default';//指定样式
oFCKeditor.Value='${em.content}';
oFCKeditor.Create() ;
</script>
注意:
以上代码中的:
var oFCKeditor = new FCKeditor( 'editor1' ) ;
editor1即为该编辑器控件的名字,在servlet中可以通过request.getParameter("editor1");获得编辑里编辑完的内容。
效果如下:
相关文章推荐
- R语言字符串函数
- 使用图形界面调试arm程序: insight + gdb
- 正式在CSDN开博
- XMLPULL解析(2)---通过对象序列化生成XML文档
- UVA 424和10106的个人体会
- POJ 2486 经典树形dp
- LockDemo
- 安装debian linux后的优化配置
- Linux内核编译,模块尺寸变大的解决办法
- 程序员必看的那些电影
- Initialising Memories
- tomcat的一些设置
- java学习之面试题3
- SPOJ 220 Relevant Phrases of Annihilation(后缀数组)
- 2014学习计划
- 【C++学习】迭代器的使用:vector的操作---ShinePans
- Uml 9种图 之 行为描述 之活动图和状态图
- 《CSS Mastery》读书笔记(3)
- Cracking the coding interview--Q2.1
- 《CSS Mastery》读书笔记(2)