ckeditor的基本使用

标签：

之前在自己的WebForm练习项目里面用到过ckeditor，时隔蛮久后，今天再一次把ckeditor运用到MVC里面，用于最近着手开发的企业站的新闻动态的内容之新增与修改。

找到的资料都说要把下载的最新版本的ckeditor压缩包解压后，将整个ckeditor文件夹放到项目路径下，其实这样就会添加了多余的文件，下面是我的实现方法：

首先：在官网下载最新版本的ckeditor   http://ckeditor.com/download

然后解压缩，提取你需要的文件放到你的项目路径下，我提取的有：

es.js

zh-cn.js

editor.css

icons.png

ckeditor.js

config.js

contents.css

styles.js

当然，基于MVC的文件路径查找规则，有部分文件是要放在指定文件夹下，也就是说要自己新建文件夹。

接下来是具体代码的实现：

（引用js文件，并初始化ckeditor，可以使用textarea标签承载，注意：textarea的name属性即初始化ckeditor时使用的值）

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/ckeditor.js"></script>
<script type="text/javascript" >
    window.onload=function()
    {
        CKEDITOR.replace(‘Text‘);
        CKEDITOR.editorConfig = function (config) {
            config.language = ‘es‘;
            config.uiColor = ‘#F7B42C‘;
            config.height = 300;
            config.toolbarCanCollapse = true;
        };
    } 
</script>

 <textarea cols="80" id="content" name="Text" rows="10"></textarea>

ckeditor的基本使用

标签：

原文地址：http://www.cnblogs.com/miaoying/p/4924164.html