MVC ckeditor的基本使用
2015-10-30 18:53
120 查看
之前在自己的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时使用的值)
找到的资料都说要把下载的最新版本的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>
相关文章推荐
- Web前端知识技能大汇总
- raw简单插值算法
- [NOIP 2005]过河 DP+路径压缩
- JQuery缓冲加载图片插件lazyload.js的使用方法
- nyoj 86 找球号(一)
- 使用CloneZilla备份/恢复操作系统的简明步骤
- “陆金所” 之移动应用体检报告
- Android下实现手机验证码
- 磁盘性能指标--IOPS、吞吐量及测试
- Android下实现手机验证码
- Linux进程组调度机制分析
- Apache CXF实现WebService入门教程(附完整源码)
- KVC在定义Model类中的使用
- 通过代码区分是否为推送启动应用
- [NOIP 2013]火柴排队 逆序对
- 浅谈构造函数与析构函数的调用顺序
- 我的第一篇博客,谈谈java的值传递
- 广播监听
- 把txt文件转换为tsv文件的python脚本
- UIScrollView和UIPageControl 实现让图片无限循环播放和左右滑动