wordpress编辑器添加按钮、自定义功能简明教程

本文以一个超简明的实例,介绍如何在wordpress后台编辑器Tinymce的工具栏上添加一个按钮,并实现自定义功能。

我们以wordpress插件形式来实现,方便一些。后面提供实例源码下载,重要的部分我写注释里了。

功能规划

1. 在编辑器工具栏上添加一个文字形式的按钮,点击以后在光标位置插入“Hello World!”。

2. 在编辑器工具栏上添加一个图标形式的按钮,点击以后将所选文字颜色改为蓝色。

步骤总结

1. 在wordpress中添加按钮

2. 在js里面写按钮的动作

在wordpress中添加按钮

在js里面写按钮的动作

实例截图

实例下载

洛杉矶直链: 本地下载

纽约市直链: 本地下载

百度网盘: 云盘下载  密码:qfw4

TinyMCE关于自定义工具栏按钮的指引

https://www.tiny.cloud/docs/advanced/creating-a-custom-button/

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注