CKEditor的使用

最新推荐文章于 2023-06-20 18:17:11 发布

rightxiang

最新推荐文章于 2023-06-20 18:17:11 发布

阅读量609

点赞数

分类专栏：开发工具文章标签：文本编辑 fckeditor office web开发 basic border

本文链接：https://blog.csdn.net/rightxiang/article/details/6530993

版权

开发工具专栏收录该内容

0 篇文章 0 订阅

订阅专栏

FCKEditor是一款优秀的富文本编辑器，在Web开发中用作文本编辑插件，非常好用，现在已经升级为CKEditor3，界面更加炫酷，功能更加丰富。

要使用CKEditor，首先要下载开发包，官网http://ckeditor.com/ 提供最新版下载，下载后包含源码和例子，当然正式运行中并不需要这些东西。

CKEditor的配置需要使用config.js。那我们先来配置config.js。

CKEDITOR.editorConfig = function( config ) { config.language = 'zh-cn'; // 配置语言 config.uiColor = '#FFF'; // 背景颜色 config.width = 'auto'; // 宽度 config.height = '300px'; // 高度 config.skin = 'office2003';//界面v2,kama,office2003 config.toolbar = 'Full';// 工具栏风格Full,Basic };

一般配置这些参数就够了，其他的详细配置可以参考文档了;语言，皮肤，工具栏等等；

首先在页面要进入ckeditor.js文件；注意路径不能错误；在所需加入cK的地方插入js脚本断；

index.jsp

然后我们来测试一下CK，写个JSP页面来接收参数即可 display.jsp

</body> </html> <body> <table width="600" border="0" bordercolor="000000" style="table-layout: fixed;" mce_style="table-layout: fixed;"> <tr> <td width="100" bordercolor="ffffff">主题:</td> <td width="500" bordercolor="ffffff">${param.title}</td> </tr> <tr> <td valign="top" bordercolor="ffffff">内容:</td> <td valign="top" bordercolor="ffffff">${param.content}</td> </tr> </table> </body>

运行效果：