CKEditor+SWFUpload实现功能较为强大的编辑器

CKEditor爆表的强大功能大家都有目共睹，号称最强大的在线编辑器，只要将文件复制到项目中，在添加引用，在一句代码就可以将普通的textarea变成华丽的编辑器所谓一复制，一拖，一换就大功告成但是普通的CKEditor由于会产生诸如<,>这样的危险符号，在用asp.net时必须在页面头的标签的ValidateRequest属性设置为false在WebConfig文件中的httpRuntime节点配置requestValidateMode="2.0"，否则会报错。这样虽然功能可是实现，但是有可能造成XSS跨站脚本攻击，这是十分危险的所以普通的CKEditor一般是给网站的管理员使用的（=。=管理员应该不会去做某些危险的事情吧）给用户使用的都是UBB编译器网上可以找到很多很多UBB编译器，但是现在的CKEditor中集成了这个功能，所以使用起来比较得心应手现在进入主题CKEditor3.6.5版本下载地址（最新版本的CKEditor我没有找到UBB的功能= =是不是下错包了郁闷）：CKEditor3.6.5 及本文后面几页要用到的文件下载：------------------------------------------分割线------------------------------------------免费下载地址在 http://linux.linuxidc.com/用户名与密码都是www.linuxidc.com具体下载目录在 /2015年资料/2月/7日/CKEditor+SWFUpload实现功能较为强大的编辑器/下载方法见 http://www.linuxidc.com/Linux/2013-07/87684.htm------------------------------------------分割线------------------------------------------ 下面是具体的使用流程：1.下载完之后打开_samples文件夹，这里面有所有插件的使用方法，可以根据自己的需要进行选择，这里选择bbcode.htm2.在你的页面上必须有一个textarea文本域，取好id之后（这里以editor1为例）在这个文本域的后面添加一段js代码，或者在window.onload（）里面添加也是一样的3.在bbcode.htm页面右键查看源，找到textarea后面的那段js代码这里将它贴出来示众一下（快跟大家问好= 。=）<script type="text/javascript">
//<！[CDATA[ // Replace the <textarea id="editor"> with an CKEditor
// instance, using the "bbcode" plugin, shaping some of the
// editor configuration to fit BBCode environment.
CKEDITOR.replace（ "editor1",
{
extraPlugins : "bbcode",
// Remove unused plugins.
removePlugins : "bidi,button,dialogadvtab,div,filebrowser,flash,format,forms,horizontalrule,iframe,indent,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates",
// Width and height are not supported in the BBCode format, so object resizing is disabled.
disableObjectResizing : true,
// Define font sizes in percent values.
fontSize_sizes : "30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%",
toolbar :
[
["Source", "-", "Save","NewPage","-","Undo","Redo"],
["Find","Replace","-","SelectAll","RemoveFormat"],
["Link", "Unlink", "Image", "Smiley","SpecialChar"],
"/",
["Bold", "Italic","Underline"],
["FontSize"],
["TextColor"],
["NumberedList","BulletedList","-","Blockquote"],
["Maximize"]
],
// Strip CKEditor smileys to those commonly used in BBCode.
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"
]
} ）; //]]>
</script>4.现在要做的就是把CKEDITOR.replace（ "editor1", 这个editor1替换成自己定义的文本域的id就ok了现在在重新打开一下测试的页面，是不是发现textarea已经变成了一个UBB编译器啦需要注意的是：这时候这个textarea已经不是一个文本域了，而是被替换成了一个编辑器不能再使用window,getElementById（"editor1"）.value;或者$（"#editor1"）.val（）这种方式来获得里面输入的值了而是要使用var oEditor = CKEDITOR.instances.editor1;oEditor .getData（）;这种方式来获取设置通过oEditor .setData（）;来控制随便输入几个文字，添加点样式，然后转换到源码模式，传说中的ubb代码就出现了~最后，由于在我的项目中引用了很多js文件，而且都是必须的，然后不知道怎么滴。。CKEDITOR一直报错，而且还不止一个，怎么搞都不行最后只能换了一个包试试，竟然神奇的可以用了，但是老是出现一个NotSupportedError错误，如图所示唉，最后疯了直接在浏览器点了不在显示此消息。。。眼不见心不烦希望有高手知道这是怎么回事，求教育！！CKEditor的使用方法 http://www.linuxidc.com/Linux/2014-03/99201.htmCKEditor协同KCFinder实现图片的远程管理和图文并茂的内容发布 http://www.linuxidc.com/Linux/2013-12/93827.htm更多详情见请继续阅读下一页的精彩内容： http://www.linuxidc.com/Linux/2015-02/113063p2.htm

【内容导航】
第1页：CKEditor配置	第2页：SWFUpload配置
第3页：后台接收图片流程

Linux下Eclipse闪退和重装JDK的方法Ansible模块知多少相关资讯 CKEditor

CKEditor v4.5.10 发布下载，可视（07月14日）
CKEditor 4.5.7 发布下载，可视化（02月05日）
CKEditor 5：富文本编辑器的未来（10/22/2015 08:25:58）

CKEditor v4.5.9 发布下载，可视化（05月15日）
CKEditor 4.5.6 发布下载，可视化（12/10/2015 09:10:00）
CKEditor 4.5.3 发布下载，可视化（08/20/2015 08:04:43）

本文评论查看全部评论（0）