应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

editormd,markdown 自定义导航栏按钮

10523人阅读 2020/1/9 10:11 总访问:5194597 评论:0 收藏:0 手机
分类: 编辑器

editormd,markdown 自定义导航栏按钮可以通过修改源代码来实现,但是没有必要那么麻烦。

editormd本身就有增加自定义按钮的扩展
官网:https://github.com/pandao/editor.md/

官网案例:https://github.com/pandao/editor.md/blob/master/examples/custom-toolbar.html

第一步:在toolbarIcons配置需要增加的工具栏按钮标识

第二步:在toolbarIconTexts中配置,菜单栏显示的文字

如果不需要图标,直接这样就可以了,效果如下:

如果需要图标在toolbarIconsClass中去配置即可

第三步:在lang中配置,菜单栏按钮鼠标放上去显示的文字详情描述

效果如下:

第四步:在toolbarHandlers中去添加事件处理

  1. // 自定义工具栏按钮的事件处理
  2. toolbarHandlers: {
  3. customIcon: function () {
  4. // 读取缓存内容
  5. markdownEditor.CodeAutoSaveGetCache();
  6. },
  7. tnblog_save: function (cm, icon, cursor, selection) {
  8. alert("点击直接存储文章");
  9. }
  10. },

第五步:如何需要配合自己编写的插件可以在onload中使用editormd.loadPlugin引入插件


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价