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>
上一篇: 禁用wordpress新编辑器,使用经典编辑器的方法
下一篇: 企业代码提交和发布流程
推荐阅读
-
Win10如何在任务栏上自定义工具栏?Win10在任务栏上自定义文件夹的方法
-
公式编辑器MathType中如何将一些常用公式添加到工具栏中
-
如何在kindeditor添加自定义插件
-
如何在kindeditor添加自定义插件
-
微信自定义菜单编辑器如何使用?微信自定义菜单编辑器使用教程
-
Win10如何在任务栏上自定义工具栏?Win10在任务栏上自定义文件夹的方法
-
vue-quill-editor富文本编辑器使用,自定义工具栏,自定义图片上传
-
kindeditor自定义工具栏
-
Editor百度编辑器 增加自定义工具栏功能按钮,选定内容插入html代码css样式
-
在vue中使用quill-editor富文本编辑器(自定义工具栏、重写上传文件功能、工具栏中增加额外的功能按钮)