如何在WP-Editor.md后台编辑器中添加自定义按钮
[toc]
起因
事情的起因是我有一个插件叫做Smartideo,在原生编辑器里,会自动识别视频网站的链接并且将其转化为播放器,不过装了WP-Editor.md之后这个插件的作用就失效了
原因是Editor.md会自动将视频网站的链接加上<href>
的标签,这个时候Smartideo根本识别不到链接,更不用谈转换了
但是Smarttideo的作者同样提供了短代码方案,URL
,不过我可不像每次都复制一遍,太长了记不住,于是就想到在WP-Editor.md的后台编辑器里添加一个按钮
一次性解决这个问题
动手
首先找到plugins目录内的editormd_class.php
,找到第106行的自定义工具栏
添加
toolbarIconsClass: {
video:"fa-file-video-o"
},
再在第113行后添加
toolbarHandlers: {
video: function (cm, icon, cursor, selection) {
cm.replaceSelection("");
$("video").click(function(){
console.log("getCursor =>", testEditormd.getCursor());
});
}
},
之后回到第86行,在想要的位置添加"video",
保存刷新即可
至于如何让光标自动对齐到中间,实在无能为力。