TYPECHO WIKI
每一个作品都值得被记录

敬告读者,感谢您对本站的支持,在今年10月份因Racknerd机房硬盘事故,导致本站静态文件全部丢失,包含主题插件网站图片等文件,TypechoWiki经过几次更换站长,凝结了多位站长的心血,如今因为大意只备份了数据库未及时备份静态文件而导致严重数据丢失事故,现已无力回天,经过深思我决定后续可能永久停更该网站,请各位读者寻求其它Typecho周边下载站,另外如果你对本站感兴趣也欢迎报价,我们愿意出售该站联系邮箱[email protected],目前该站的静态文件仅为2019年以前的版本,2019年以后的各位站长精心维护的插件和主题压缩包以及站内图片全部丢失!

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

Typecho维基君Typecho教程 • 1412次浏览 • 发布 2023-03-27 • 更新 2023-03-27

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

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

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

添加SGV图标

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

定义函数关联;

函数关联

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

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

函数

HTML函数

第四步:

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

js调用

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

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

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

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

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

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

广告
添加新评论 »

仅有一条评论 »

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