HTML编辑控件CKEditor的使用

2022-10-01 16:02:17

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();//取值

码农公寓