如何在WP-Editor.md后台编辑器中添加自定义按钮

    3,141

[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",
保存刷新即可

至于如何让光标自动对齐到中间,实在无能为力。

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息