加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

为WordPress HTML编辑器添加自定义按钮

发布时间:2020-12-14 14:14:29 所属栏目:wordpress 来源:网络整理
导读:这篇小教程面向的是直接以编码方式写博客的WordPress用户,利用文中介绍的方法可以在HTML编辑器的工具栏里加上各种各样的快速标签,省去了少许手动输入的烦恼。 首先找到wp-includes文件夹下的js文件夹,打开quicktags.js文件。 这里我们以插入一个Tutorial

这篇小教程面向的是直接以编码方式写博客的WordPress用户,利用文中介绍的方法可以在HTML编辑器的工具栏里加上各种各样的快速标签,省去了少许手动输入的烦恼。

首先找到wp-includes文件夹下的js文件夹,打开quicktags.js文件。

这里我们以插入一个“Tutorial” DIV标签为例。

将下面的代码复制到quicktags.js文件里(最佳位置为上图中两段代码之间,这样新的快速标签将会出现在工具栏首位)。将其中"Tutorial"更改成你所需要的标签信息。

edButtons[edButtons.length] =
new edButton("ed_tutorial"
,"tutorial"
,'<div id="tutorial">'
,"</div>"
,"tutorial"
);

最后将文件上传到web服务器。刷新后台页面后,你就会发现HTML编辑器里比原来多了一个快速标签按钮。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读