KindEditor 编辑器
1、HTML代码
对,就是这么简洁,核心就是一对textarea标签,还有一个id="xxx" ,xxx与JS代码对应
2、JS配置代码
复制取用就可以,JS末尾两段不需要就删除就OK.
//富文本编辑器
KindEditor.ready(function(K) {
window.editor = K.create('#article_content',{
width :'921px',
height:'620px',
cssData:'body {font-family: "微软雅黑"; font-size: 14px}',
allowImageUpload:true,//允许上传图片
allowImageRemote :false,//上传图片框网络图片的功能,false为隐藏,默认为true
filterMode :false,//HTML特殊代码过滤
uploadJson:"{:url('Herbal/uploadImg_article')}",
afterUpload :function(url) {
var img =new Image();img.src = url;
img.onload =function(){
if(img.width>640)editor.html(editor.html().replace('
}
},
items: [
'source','|','undo','redo','|','preview','template',
'plainpaste','|','justifyleft','justifycenter','justifyright',
'justifyfull','insertorderedlist','insertunorderedlist','indent','outdent','subscript',
'superscript','clearhtml','quickformat','/','formatblock','fontname','fontsize','|','forecolor','hilitecolor','bold','italic','underline','strikethrough','lineheight','removeformat','|','image','multiimage','table','hr','link','unlink'
],
});
});
$(function () {
var scrollTop = -1;// 鼠标进入到区域后,则存储当前window滚动条的高度
$('.ke-container').hover(function(){
scrollTop =$(window).scrollTop();
},function(){
scrollTop = -1;
});
// 鼠标进入到区域后,则强制window滚动条的高度
$(window).scroll(function(){
scrollTop!==-1 &&$(this).scrollTop(scrollTop);
})
});