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

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

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

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

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

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

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

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

定义函数关联;

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

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

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

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

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

第四步:

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

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

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

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

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

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

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »