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编辑器如何自定义工具栏相关推荐

  1. 自定义kindeditor编辑器的工具栏,items即去除不必要的工具栏或者保留部分工具栏

    自定义kindeditor编辑器的工具栏,items即去除不必要的工具栏或者保留部分工具栏 kindeditor编辑器的工具栏简介 第一种:修改原始文件kindeditor.js对工具栏进行统一调整 ...

  2. 快速编辑html工具栏,自定义kindeditor编辑器的工具栏

    简述 一共有两种方法可以自定义kindeditor富文本编辑器的工具栏内容. 第一种,修改引用的js文件. 在使用kindeditor插件的时候,他的js文件中会把全部的功能都添加进来,如果你不需要的 ...

  3. ueditor 工具栏配置_百度ueditor编辑器自定义工具栏

    百度ueditor编辑器自定义工具栏: //引入编辑器配置文件和核心文件 //内容容器 var ue = UE.getEditor('content', { toolbars: [ [ //自定义的工 ...

  4. 百度编辑器(UEditor)自定义工具栏

    百度编辑器(UEditor)自定义工具栏的自定义 百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档! 百度编辑器默认配置展示界面 如何 ...

  5. 如何在一个页面添加多个不同的kindeditor编辑器

    kindeditor官方下载地址:http://kindeditor.net/down.php    (入门必看)kindeditor官方文档:http://kindeditor.net/doc.ph ...

  6. php网页添加图片的代码,天天查询-PHP版的kindeditor编辑器加图片上传水印功能

    首先简单介绍一下kindeditor编辑器: KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本 ...

  7. java menu单击事件_TinyMCE自定义工具栏menuItem单击触发所有父项的单击事件

    我正在为我的tinyMCE添加一个自定义工具栏按钮 tinyMCE.init({ mode: "specific_textareas", editor_selector: &quo ...

  8. 产品周报第30期|编辑器支持自定义写作模板;MarkDown编辑器接入质量分检测功能;CSDN APP V5.2.0版本发布

    hello,大家好,这里是「CSDN产品周报」第30期.本次更新主要涉及博客.首页和CSDN APP,欢迎大家详细了解和使用. 博客产品体验优化 一.编辑器新增自定义模板创建功能 每个人都有自己的写作 ...

  9. KindEditor编辑器结合EasyUi

    KindEditor编辑器 var editor;//初始化编辑器 editor = KindEditor.create('#descriptionKindEditorU', {//创建编辑器item ...

最新文章

  1. 今晚,圆桌讨论Transformer跨界CV任务
  2. Python之tkinter:动态演示调用python库的tkinter带你进入GUI世界(Button的command/Label/PhotoImage/封装为类)
  3. 多问问自己想成为什么样的人
  4. 商业银行如何进行分布式数据库选型思考
  5. java panel边框_java – 如何在jPanel上设置边框?
  6. kubernetes集群Pod详细信息为Failed create pod sandbox,缺失镜像google_containers/pause-amd64.3.0解决方法
  7. 第二季-专题7-ARM跑快了---时钟初始化
  8. Android中各个国家语言对应的系统资源文件夹名称及对应简写
  9. JS中什么是回调函数?
  10. C#调用QQ邮箱简单代码(网络摘抄笔记)
  11. JZOJ1205. 帮助Bubu(2017.8B组)
  12. 绿米Aqara、飞利浦等设备,如何与智汀使用同一个APP实现跨品牌互联?
  13. 快速排序(升序+降序)
  14. 使用加速度计DIY自制基于Arduino手势控制的空中鼠标
  15. Vue核心⑨(数据监测原理)
  16. 计算机毕业设计Java疫情期间社区出入管理系统(系统+源码+mysql数据库+Lw文档)
  17. 关于测绘专业软件时的一些感悟
  18. 多线程爪巴虫下载进击的巨人
  19. 【IoT】13.Disruptive Innovation 开拓式创新
  20. MVCC能否解决幻读?

热门文章

  1. TestBench编写_激励产生
  2. nginx部署前端项目的详细步骤
  3. 图文详解 HDFS 的工作机制及其原理
  4. 商米科技IPO被终止:曾拟募资10亿 蚂蚁集团与小米是股东
  5. 使用cmake安装nuget
  6. 【Linux指令①】新手必须掌握的Linux指令
  7. java使用freemarker导出word标题失效问题
  8. Open3d基础控件
  9. 计算机考研A区211大学,三本学生调剂A区211大学,自己的一些调剂经验供大学参考...
  10. Dubbo+Flutter在线交友平台教程第四天 圈子功能实现