CKEditor的使用方法

最近，在项目中有用到编辑器CKEditor。

CKEditor是新一代的FCKeditor，是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一，因其惊人的性能与可扩展性而广泛的被运用于各大网站。

使用：

1、首先从官方网站http://ckeditor.com/download下载CKEditor压缩包，最新版本是CKEditor 3.6.4.解压后将文件夹拷贝到项目目录下来。也可以根据需要删除掉一些非必须的文件。

 

2、在页面中引用ckeditor.js文件

<script type="text/javascript" src="../../../../Scripts/ckeditor/ckeditor.js"></script>

 

3、替换textarea标签

<textarea rows="10" cols="20" name="content" id="content" class="dsn"></textarea>
                    <script type="text/javascript">
                    window.onload = function () {
                        CKEDITOR.replace('content', { width: '85%', height: '200px' });
                    }
               </script>

 

4、ckeditor的配置

在ckeditor目录下面的config.js设置ckeditor的外观，大小，高度等式样。具体设置可参考：

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html