参考:http://kindeditor.net/view.php?bbsid=5&postid=7001
放在页面load事件中:
//在页面load完成富文本编辑器KindEditor load完成后继续下面的代码,
KindEditor.ready(function (K) {//富文本编辑器的生成代码
editor = K.create('#tareaProductDiscrip', {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: true,
items: [
'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
})
放在load事件中有一个局限性,就是当把这个富文本所在的容器用jquery的append方法挪到别处的时候,哪怕是同级dom容器,富文本都不能正常执行,所以用下面的方法更灵活
封装成一个方法可以随时调用的:(去除KindEditor.ready)
<textarea id="tarea">ds</textarea>
<button id="btn" οnclick="tt()">生成</button>
<script type="text/javascript">
$(function () {
//tt();
})
function tt () {
//KindEditor.ready(function (K) {//富文本编辑器的生成代码
var editor = KindEditor.create('#tarea', {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: true,
items: [
'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
})
//})
}
</script>