KindEditor插件一个可用于在页面中添加编辑器的js插件。
如图:
他的使用相比较于jq插件要难一些。js写的,比较坑。
使用的第一步要引用文件:(路径根据自己的文件路径来决定)
<link rel="stylesheet" href="../themes/default/default.css" />
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
由于它是js写的插件,所以他的script代码写法与jq不同:
KindEditor.ready(function(K){
//这里可以对比一下jq的写法,K想当与jq中的$.
//往后的代码大多是如下格式:
k.create('selector',{
//参数
});
});
比如写一个简单的实现KindEditor编辑器的调用:
html:
<textarea id="centent" style="宽高等;visibility:hidden;"></textarea>
KindEditor.ready(function(K){
K.create('#content',{
themeType:'simple'//编辑器样式为简单样式
});
});
//或者也可以
<script src="../kindeditor-config.js"></script>//此时要引入配置文件
html:
<textarea id="centent" KinEditor style="宽高等;visibility:hidden;"></textarea>
除此之外还有取色器,上传文件,上传图片,,,,很多的功能。资源已经上传,更多介绍压缩包中有详解!