FCKedit的使用.docVIP

/xiaoyao2011/archive/2011/10/27/Textarea.html 富文本编辑很多地方需要用到，其中比较有名的是CKEditor，以前叫FCKEditor，虽然百度出的UEditor也比较火，但还是老牌子好用。 首先，去官网下载必威体育精装版版3.6.5的。然后删除_samples和_source文件夹，在项目根目录下新建个文件夹，名字自己估摸着起，叫ckeditor吧，然后把剩余的全部拷贝进去。初步的配置就这样。 下面是使用方法。 首先页面中需要引用ckeditor.js这个文件，按上述路径，就是script type=text/javascript src=~/ckeditor/ckeditor.js/script 然后在使用的位置如下代码所示： textarea name=content id=content/textarea script type=text/javascript var editorContent; $(document).ready(function () { editorContent = CKEDITOR.replace(content); }); /script 然后就是一些常用接口 获得值：getData() 设置值：setData(******) 追加插入值：insertHTML(*******) 上述代码中，editorContent获得了实例，就可以通过editorContent.getData()获得编辑框里的html内容了 获得的值和设置的值以及插入的都是html格式的字符串 （如果你用的MVC的话，因为有特殊字符默认是不允许提交的，需要在HttpPost的action上加[AcceptVerbs(HttpVerbs.Post)]和[ValidateInput(false)]属性标记 如下图： [HttpPost] [AcceptVerbs(HttpVerbs.Post)] [ValidateInput(false)] public ActionResult Create(string title, string content, string id) { //todo } ）  还有个就是编辑框的自定义配置， 打开ckeditor文件夹下的config.js文件，如下图所示： /* Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or /license */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = fr; // config.uiColor = #AADC6E; }; 可以自己配置一些东西，例如，要设置编辑框的宽度为500px，就添加一句config.width=500;即可，其他的自己试试 还有就是toolbar的配置，有两个Full和Basic，默认是Full，可以通过上面的config.toobar=Basic;设置成简单模式。插件本身这两种模式的定义如下 注意工具按钮是分组的，一个name内的大括号就是一个工具按钮分组，items后边是具体的按钮，“/”表示工具栏换行，“-”表示工具图标之间的中隔线“|” config.toolbar = Full; config.toolbar_Full = [ { name: document, items : [ Source,-,Save,NewPage,DocProps,Preview,Print,-,Templates ] }, { name: clipboard, items : [ Cut,Copy,Paste,PasteText,PasteFromWord,-,Undo,Redo ] }, { name: editing, items : [ Find,Replace,-,SelectAll,-,SpellChecker, Scayt ] }, { name: forms, items : [ Form