Typecho Wiki
每一个作品都值得被记录

如何为 Typecho 编辑器扩展插件 SMEditor 添加新功能

Typecho维基君Typecho教程 • 1180次浏览 • 发布 2023-03-27 • 更新 2023-03-27
极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码

前面给大家分享了typecho的markdown编辑器扩展插件SMEditor,我在网上又找了一篇对该插件进行功能衍生的教程,大家可以参考以下文章对SMEditor插件进行更改,以更适合自己的主题使用。

第一步:添加你自己的扩展图标

按照原插件里的代码照猫画虎,定义你添加按钮的SVG图标;

添加SGV图标

第二步:为添加的图标添加事件

定义函数关联;

函数关联

第三步:编写触发的事件方法

添加函数,这里需要注意的是,我刚开始参考的是分割线的函数,但是对于你定义的代码中如果有"符号的,会导致整个函数报错,所以对于有"符号的,请参考原生HTML的函数代码。

函数

HTML函数

第四步:

将插件的调用的js脚本地址改成自己修改后的地址

js调用

注意:对方的地址有个版本编号的参数,我们要把我们调用文件的文件夹SMEditor修改为typecho-editor@1.3.2,否则调用不进来,也是折腾我好久!

以上就是为SMEditor插件添加新功能的实现方式。

本文二次编辑自:https://www.xcshare.cn/other/986.html

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
本文检索关键词:Typecho教程
厂商投放
添加新评论 »

仅有一条评论 »

  1. [...]插件使用直接下载插件到网站插件目录,并将目录改名为SMEditor网站后台插件里启用插件即可该插件也可以实现更多主题需要字段的扩展,直接在插件里添加相应的实现方法就行了,当然这需要你有一定的代码基础。具体可以参考另外一篇文章:如何为 Typecho 编辑器扩展插件 SMEditor 添加新功能[...]