要使用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文本域也就发生了变化。这个,你不信啊,你可以试一试,呵呵。