首页建站经验 WordPress教程:TinyMCE编辑器和评论框添加QuickTag

WordPress教程:TinyMCE编辑器和评论框添加QuickTag

 WordPress后台的默认的编辑器界面开启的功能并不是很多。如果你需要更多的快捷按钮,就需要添加自定义的QuickTag。下面就说一下两个简单的方法来开启TinyMCE编辑器和前台平…

 WordPress后台的默认的编辑器界面开启的功能并不是很多。如果你需要更多的快捷按钮,就需要添加自定义的QuickTag。

下面就说一下两个简单的方法来开启TinyMCE编辑器和前台平轮框的QuickTag。调用的都是 WordPress 内置的 QuickTag。

使用AddQuicktag 插件增强TinyMCE编辑器

AddQuicktag 是针对WordPress自带的 TinyMCE编辑器的增强插件,主要是让你快速添加自定义按钮。你只需简单添加需要的快捷按钮,就可以了,不用再担心跟换主题造成的不便。支持可视化模式和Html编辑模式。还支持备份和恢复!

1.直接在后台插件安装界面搜索 AddQuicktag 即可在线安装。

2.启用插件后,在后台 设置 – AddQuicktag 就可以进到设置界面,根据自己的需要添加对应的快捷按钮。

另外我之前发过一篇WordPress自带TinyMCE编辑器增加自定义按钮的文章。上面有详细的说明怎样不用插件来实现添加QuickTag。感兴趣的可以去看看。

使用代码为评论框添加 QuickTag

1. 在主题目录里建立个文件:my_quicktags.js,内容如下

  1. //设置quicktags
  2. quicktags({
  3. id: "comment", //评论框的ID,一般为 comment,根据自己主题设置
  4. buttons: "strong,em,del,link,code" //内置有这些,根据自己需求选吧: strong,em,link,block,del,ins,img,ul,ol,li,code,more,spell,close
  5. });
  6. //默认的引用(block)插入很蛋疼,所以自己定义了一个
  7. QTags.addButton('quote','quote','
    ','
    '
    ,'quote');
  8. //另外定义了个“下划线”,其它举一反三
  9. QTags.addButton('U','U','','','U');

2. 加载 jQuery 库和js文件,在主题文件 functions.php 加入如下代码:

  1. if ( comments_open() && is_singular() ) {
  2. function zfunc_print_script() {
  3. wp_enqueue_script( 'jquery' ); //加载jQuery库
  4. wp_enqueue_script( 'quicktags' ); //加载js quicktags
  5. wp_enqueue_script( 'my_quicktags', get_template_directory_uri() . '/my_quicktags.js', array('my_quicktags','jquery'), '1.0', 1,true); //加载第1步建立的my_quicktags.js文件
  6. }
  7. add_action('wp_enqueue_scripts', 'zfunc_print_script');
  8. }

这样就OK了,效果图:

 

 

本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/15822.html
上一篇word怎么插入目录 WPS怎么给doc文档添加目录
下一篇 HTML 标签的使用与说明
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部