HTML编辑控件CKEditor的使用

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>

界面效果如下:

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

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

 

HTML编辑控件CKEditor的使用,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。