editormd.js增加发布按钮、自定义按钮、自定义快捷键超详细教程

最近有在做一个博客网站,在做到写文章功能时用到了国人开发的editor.md在线Markdown编辑工具,功能十分强大,用起来也十分简单,下面是它的下载链接:

http://pandao.github.io/editor.md/

如何使用在此就不多做赘述了,CSDN中有很多相关的文章,今天主要讲一下如何自定义向其中添加按钮以及快捷键

首先我们找到editor.md目录中的editormd.js文件

在这里插入图片描述

打开后我们向下找到定义按钮的数组

在这里插入图片描述

  • 推荐使用simple面板,按钮不多不少,都是比较常用的,当然你也可以按自己喜欢配置想要使用的按钮
  • 这里我选择的simple面板,并追加了一个publish,用作发布按钮

向下找到editormd.defaults默认配置,在其中的事件配置中追加一个事件

在这里插入图片描述

然后找到toolbarIconsClass,定义按钮图标

在这里插入图片描述

接着再找到lang,定义按钮名称

在这里插入图片描述

做完以上操作,我们在此js文件大概后三分之一的位置找到定义点击事件函数的位置

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值