CKeditor安全使用

本文详细介绍了如何部署和使用CKeditor,包括编辑器的调用、配置、数据提交及安全设置。在CKeditor中,可通过配置文件修改编辑器样式、语言、宽度和高度等。为确保安全,建议在服务器端进行内容验证,并使用CKEDITOR.tools.htmlEncode方法对内容进行HTMLEncode编码。此外,文章还探讨了CKeditor的文件上传功能,提供了自定义上传路径和禁用不必要的上传选项的方法。
摘要由CSDN通过智能技术生成
CKeditor,以前叫FCKeditor,已经使用过好多年了,功能自然没的说。最近升级到3.0版,好像重写了代码,所以构建的方式也有了些变化,应该说是更简单了。
相关地址:
官方网站: http://ckeditor.com/
下载地址: http://ckeditor.com/download
CKfinder: http://ckfinder.com/ 用于上传的插件(有四种语言版本,根据需要下载)

部署:
将CKeditor下载下来,解压网站/ckeditor/下面(当然名字可以修改,只是需要修改相应config文件来设置新路径)
调用:
在页面的head中调用
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
然后在需要编辑器的地方放置一下代码:
复制代码 代码如下:
<textarea cols="80" id="Text" name="Text" rows="10">这里是默认值,修改文本的内容是放在这里。html需要进行HTMLEncode编码</textarea>
<script type="text/javascript">
var editor = CKEDITOR.replace('Text');
</script>

搞定,就这么简单,CKEDITOR.replace('Text')就是创建编辑器的代码,CKEDITOR.replace()方法中还可以设置编辑器的样式,设置如下
复制代码 代码如下:
var editor = CKEDITOR.replace( 'Text',
{
language:'zh-cn',//简体中文
toolbar ://工具栏设置
[
['Source'],
'/',
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['TextColor','BGColor'],
]
});

具体的设置有很多,具体的可以查看他的帮助:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html
这个设置可以在/ckeditor/config.js中设置,在这里设置之后,就修改了编辑器的默认默认设置,而上面设置只应用于当前编辑器。
具体的设置方法如下

复制代码 代码如下:
CKEDITOR.editorConfig = function(

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值