学习篇:CKeditor和UBB编辑器的使用介绍

要使用CKeditor,就需要去CKeditor的官网上下载个组件来。

然后,就是引用它的js文件,来施展CKeditor的拳脚了。

要使用CKeditor,需要一个textarea文本域,还需要添加上cols和rows属性。这样就可以使用一段代码,来使用CKeditor了。

<textarea id="Comment" cols="60" rows="30"></textarea><br />
<input type="button" id="btnSubmit" value="发布评论" />

$(function () {
var editor = CKEDITOR.replace('Comment');
});

  这样就轻松搞定了。。。

但是,一切可都不是你想象的那样简单哦。

当你要加一个submit按钮,将文章上传至网页的时候,VS就会报错,报错内容就是:含有危险字符。

当然,CKeditor富文本编辑器,可以有那么多的更能,全是HTML标签,上传上去,当然也是HTML标签,所以,会报含有危险字符,这还要提起XSS跨站脚本攻击。

当然,这个很好解决,就是了。

如果你使用的是VS2008,那只要在,配置指令集里面加上 ValidateRequest="false" 就能很好的解决报错问题。

如果你使用的是VS2010,即使加上ValidateRequest="false" 还是会报错。这时候你要去web.config文件中 找到httpRuntime节点,加上 requestValidationMode="2.0" 。这样也就OK了。

当然,这就带来了安全上的隐患。so,这就需要replace来帮忙了,还有就是正则表达式,来将可怕的 "< ,> "像这样的字符给替换掉了。

UBB编辑器,就是将HTML标签中的 "< , > "给替换成了 "[ , ]" 。

说到UBB了,核心也也就是上面的替换了。来说说使用UBB。

 $(function () {

            CKEDITOR.replace('bookComment',
	{
	    extraPlugins: 'bbcode',
	    removePlugins: 'bidi,button,dialogadvtab,div,filebrowser,flash,format,forms,horizontalrule,iframe,indent,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates',
	    toolbar:
		[
			['Source', '-', 'Save', 'NewPage', '-', 'Undo', 'Redo'],
			['Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
			['Link', 'Unlink', 'Image'],
			'/',
			['FontSize', 'Bold', 'Italic', 'Underline'],
			['NumberedList', 'BulletedList', '-', 'Blockquote'],
			['TextColor', '-', 'Smiley', 'SpecialChar', '-', 'Maximize']
		],
	    smiley_images:
		[
			'regular_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teeth_smile.gif', 'tounge_smile.gif',
			'embaressed_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angel_smile.gif', 'shades_smile.gif',
			'cry_smile.gif', 'kiss.gif'
		],
	    smiley_descriptions:
		[
			'smiley', 'sad', 'wink', 'laugh', 'cheeky', 'blush', 'surprise',
			'indecision', 'angel', 'cool', 'crying', 'kiss'
		]
	});

  将上面的代码挪到你的JS种,就会发现你的textarea文本域也就发生了变化。这个,你不信啊,你可以试一试,呵呵。

转载于:https://www.cnblogs.com/2-18/archive/2012/10/31/2747329.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值