HTML编辑控件CKEditor的使⽤
1.CKEditor的使⽤:
CKEditor的下载地址是,⾥⾯可以根据需要进⾏样式的定制,本⽂主要介绍当前较新的版本4.4.1的继承使⽤。⽽CKFinder的下载地址是:。控件的使用
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" ></textarea>
我们⼀般使⽤的时候,需要⼀段javascript脚本进⾏初始化对应的控件,初始化代码如下所⽰:
<script>
$(function(){
$('#Content').ckeditor();//控件1
$('#Content1').ckeditor();//控件2
})
</script>
界⾯效果如下:
给控件赋值和取值⽅法和其他控件相同:
$('#Content1').val(info.Content);//ckeditor赋值
var content = $("#Content1").val();//取值
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论