HTML編輯控制項CKEditor的使用

標籤：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>

介面效果如下：

給控制項賦值和取值方法和其他控制項相同：

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