欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

kindEditor编辑器如何自定义工具栏

程序员文章站 2022-03-03 14:07:18
...

1.http://kindeditor.net/down.php 下载插件
2.引入css和js

<link rel="stylesheet" href="/resource/js/jobFair_kindeditor/themes/default/default.css" >
	<script src="/resource/js/jobFair_kindeditor/kindeditor-all.js"></script>
	<script src="/resource/js/jobFair_kindeditor/kindeditor-all-min.js"></script>

3.编辑html代码

<textarea id="editor_id" name="content" style="width:150px;height:80px;"></textarea>

4.调用kindeditor方法 (自定义工具栏的属性网址:http://kindeditor.net/docs/option.html#items)

<script>
        KindEditor.ready(function(K) {
                 editor = K.create('#editor_id',{
                	//自定义kindEditor编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。
                	items:["source","|","preview","/","copy","justifycenter"],
                	//自定义高度和宽度
                	allowImageUpload:false,
                	resizeType : 1,
                	width:"20%",
                	height:"80px"
                });
        	      
        });
</script>
相关标签: kindEditor编辑器