码迷,mamicode.com
首页 > Web开发 > 详细

HTML编辑控件CKEditor的使用

时间:2014-06-26 22:40:54      阅读:482      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

1.CKEditor的使用:

CKEditor的下载地址是http://ckeditor.com/download,里面可以根据需要进行样式的定制,本文主要介绍当前较新的版本4.4.1的继承使用。而CKFinder的下载地址是:http://ckfinder.com/download

CKEditor使用比较简单,在页面添加相应的js以及样式文件就可以了,不用做其他的配置,在mvc试图页面引用文件如下:

 <script src="~/Content/JQueryTools/ckeditor/ckeditor.js"></script>
    <script src="~/Content/JQueryTools/ckeditor/adapters/jquery.js"></script>

然后在页面添加textarea控件:

 <textarea  id="Content" name="Content" style="width:1024px"></textarea>

我们一般使用的时候,需要一段javascript脚本进行初始化对应的控件,初始化代码如下所示:

  <script>
        $(function(){
            $(#Content).ckeditor();//控件1
            $(#Content1).ckeditor();//控件2
    })
    </script>

界面效果如下:

bubuko.com,布布扣

给控件赋值和取值方法和其他控件相同:

$(#Content1).val(info.Content);//ckeditor赋值
var content = $("#Content1").val();//取值

 

HTML编辑控件CKEditor的使用,布布扣,bubuko.com

HTML编辑控件CKEditor的使用

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/wangchengshen/p/3807894.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!