WordPress教程:TinyMCE编辑器和评论框添加QuickTag
2014-07-16 00:00
465 查看
WordPress后台的默认的编辑器界面开启的功能并不是很多。如果你需要更多的快捷按钮,就需要添加自定义的QuickTag。
下面就说一下两个简单的方法来开启TinyMCE编辑器和前台平轮框的QuickTag。调用的都是 WordPress 内置的 QuickTag。
使用AddQuicktag 插件增强TinyMCE编辑器
AddQuicktag 是针对WordPress自带的 TinyMCE编辑器的增强插件,主要是让你快速添加自定义按钮。你只需简单添加需要的快捷按钮,就可以了,不用再担心跟换主题造成的不便。支持可视化模式和Html编辑模式。还支持备份和恢复!
1.直接在后台插件安装界面搜索 AddQuicktag 即可在线安装。
2.启用插件后,在后台 设置 – AddQuicktag 就可以进到设置界面,根据自己的需要添加对应的快捷按钮。
另外我之前发过一篇WordPress自带TinyMCE编辑器增加自定义按钮的文章。上面有详细的说明怎样不用插件来实现添加QuickTag。感兴趣的可以去看看。
使用代码为评论框添加 QuickTag
1. 在主题目录里建立个文件:my_quicktags.js,内容如下
折腾玩(完)。
下面就说一下两个简单的方法来开启TinyMCE编辑器和前台平轮框的QuickTag。调用的都是 WordPress 内置的 QuickTag。
使用AddQuicktag 插件增强TinyMCE编辑器
AddQuicktag 是针对WordPress自带的 TinyMCE编辑器的增强插件,主要是让你快速添加自定义按钮。你只需简单添加需要的快捷按钮,就可以了,不用再担心跟换主题造成的不便。支持可视化模式和Html编辑模式。还支持备份和恢复!
1.直接在后台插件安装界面搜索 AddQuicktag 即可在线安装。
2.启用插件后,在后台 设置 – AddQuicktag 就可以进到设置界面,根据自己的需要添加对应的快捷按钮。
另外我之前发过一篇WordPress自带TinyMCE编辑器增加自定义按钮的文章。上面有详细的说明怎样不用插件来实现添加QuickTag。感兴趣的可以去看看。
使用代码为评论框添加 QuickTag
1. 在主题目录里建立个文件:my_quicktags.js,内容如下
//设置quicktags quicktags({ id: "comment", //评论框的ID,一般为 comment,根据自己主题设置 buttons: "strong,em,del,link,code" //内置有这些,根据自己需求选吧: strong,em,link,block,del,ins,img,ul,ol,li,code,more,spell,close }); //默认的引用(block)插入很蛋疼,所以自己定义了一个 QTags.addButton('quote','quote','<blockquote>','</blockquote>','quote'); //另外定义了个“下划线”,其它举一反三 QTags.addButton('U','U','<u>','</u>','U');2. 加载 jQuery 库和js文件,在主题文件 functions.php 加入如下代码:
if ( comments_open() && is_singular() ) { function zfunc_print_script() { wp_enqueue_script( 'jquery' ); //加载jQuery库 wp_enqueue_script( 'quicktags' ); //加载js quicktags wp_enqueue_script( 'my_quicktags', get_template_directory_uri() . '/my_quicktags.js', array('my_quicktags','jquery'), '1.0', 1,true); //加载第1步建立的my_quicktags.js文件 } add_action('wp_enqueue_scripts', 'zfunc_print_script'); }这样就OK了,效果图:
折腾玩(完)。
相关文章推荐
- WordPress教程:添加TinyMCE编辑器到分类目录描述
- 黄聪:wordpress如何扩展TinyMCE编辑器,添加自定义按钮及功能
- SAE折腾记:Django添加tinyMCE编辑器
- PHPCMS V9教程:ckeditor编辑器添加一键排版功能
- 给wordpress评论添加nofollow
- WordPress 如何修改编辑器TinyMCE里的内容
- WordPress插件制作教程(三): 添加菜单的方法
- 黄聪:WordPress后台添加侧边栏菜单(WP教程add_menu_page)
- 为图片添加九宫格信息-UI界面编辑器(SkinStudio)教程
- WordPress自带TinyMCE编辑器增强技巧大全
- 为WordPress默认编辑器TinyMCE增加额外的按钮
- WordPress回复评论自动添加@评论者
- wordpress英文建站教程:将评论中带有长链接的评论标记为垃圾评论
- Wordpress编辑器(Tinymce)在Chrome中动态修改图片大小
- 纯代码增强wordpress评论编辑器实现淡入淡出效果
- 为WordPress编辑器添加WP-Syntax按钮
- wordpress SEO优化教程文章外链自动添加nofollow属性
- wordpress新手教程:wordpress防止垃圾评论的几种方法
- woocommerce中商品页面添加多说评论通用代码配置教程