ZBlog | 迁延蹉跎 来日无多

迁延蹉跎 来日无多
  1. 首页
  2. wordpress
  3. 正文

添加后台html编辑按钮

2014年10月22日 596点热度 0人点赞 0条评论

有人喜欢在本地写好后到wp后台发布,有人喜欢直接使用wordpress后台写文章。我个人习惯在本地写好后上传发布,但是偶尔也会在后台用html模式写文章,可是WP默认的按钮太少了,而自己又添加了很多shortcode。

修改方法:

wp的按钮定义在wp-includes下的quicktags.js文件里,但是直接修改核心代码太过危险了,我们可以自定义一个diy-quicktags.js并在functions.php里注册引入这个js就行了。

自定义js文件:

新建一个文件diy-quicktags.js,编辑内容:

QTags.addButton( '<', '<', '<', '' );
QTags.addButton( '>', '>', '>', '' );
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' );
QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" );
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" );
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" );
//这儿共有四对引号,分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容(此为空则一次输入全部内容),\n表示换行。
注册js文件:

打开主题下的functions.php文件,添加:

/**
 * 注册后台HTML编辑器按钮添加JS到WP
 * 需要添加的按钮在diy-quicktags.js里修改
 */
function diy_quicktags() {
    wp_register_script('diyquicktagsJS',get_stylesheet_directory_uri().'/diy-quicktags.js',array('quicktags'));
    wp_enqueue_script('diyquicktagsJS');
}
add_action('admin_print_scripts', 'diy_quicktags');
标签: quicktags wordpress
最后更新:2021年9月5日

luomoon

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

luomoon

这个人很懒,什么都没留下

分类
  • wordpress
  • 分享
  • 网络
  • 软件
最新 热点 随机
最新 热点 随机
终端体验提升:zsh-syntax-highlighting高亮zsh可用命令 终端体验提升:Zsh+Oh-my-zsh Debian10安装Shadowsocks-libev Navicat数据库管理软件 LNMP开启Mysql远程访问 批量替换wordpress文章内容
Debian安装Shadowsocks 终端体验提升:Zsh+Oh-my-zsh Wordpress tips:移除页面源代码里不必要的Meta标签 国内免费CDN加速和云存储:七牛 使用wp_enqueue_script() 函数加载JS和css LNMP开启Mysql远程访问
标签聚合
wordpress wordpress tips chrome shadowsocks vps linux debian 外链

COPYRIGHT © 2021 zhuzhilei.com. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS