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

下面就说一下两个简单的方法来开启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','','','quote');
//另外定义了个“下划线”,其它举一反三
QTags.addButton('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
, 代码
, block
模式
,以便于您获取更多的相关知识。

时间: 2024-09-11 03:44:41

WordPress教程:TinyMCE编辑器和评论框添加QuickTag的相关文章

评论框增加Ctrl+Enter提交功能

写完评论之后不能按Ctrl+回车提交,非要拿鼠标点一下,实在是痛苦的事情,不知道打消了多少懒人留言的积极性. 想给你的评论框添加这个功能么,那么就开始吧: 打开主题中comments.php文件,按Ctrl+F搜索"textarea",然后在他的后面加上以下代码:  代码如下 复制代码 onkeydown="if(event.ctrlKey&&event.keyCode==13) {document.getElementById('submit').click

给wordpress评论处添加表情及工具

wordpress评论框仅仅只有昵称.邮箱.站点和评论内容的话,会不会显得太简单了?当然追求简洁的人来说,可能觉得站点都有点多余,然后,大叔要说的是给wordpress评论处添加实用工具,丰富起我们的评论框吧! 直接给教程吧,comments.php加入按钮 <div id="smiley">        <?php      include(TEMPLATEPATH . '/smiley.php');      //你主?引用表情的文件      /* 如果你使用

wordpress中实现嵌套评论回复添加@功能

构成原理 开 wp-includes/comment-template.php, 查找 Walker_Comment 类. 以下展开介绍这 4 个方法. start_lvl 子菜单列表的开始标签, 默认是 <ul>, 在第一个子条目之前生成. end_lvl 对应 start_lvl 的子菜单列表的结束标签, 默认是 </ul>, 在最后一个子条目之后生成. start_el 条目的前半部分, 包括开始符号和评论内容. 开始符号是 <div> 或者 <li>

WordPress滑动解锁防垃圾评论插件 myQaptcha安装和体验

老蒋经常在有些博客网站中看到WordPress滑动解锁的功能,这个功能基本上可以稍微有效的防止软件批量提交留言,因为在留言提交之前需要手工滑动解锁才可以.这里可以用myQaptcha插件实现,这个插件是由国人开发的,从体验上比mini-capatcha插件要好一些,至少看着比较帅气.   在这篇文章中,老蒋也来体验myQaptcha插件的安装和使用,看看有没有喜欢的用户然后拿去使用,最近几天老蒋就在整理WordPress防垃圾评论插件,也就是在挑选有没有适合我用的.   第一.myQaptcha

WordPress中对访客评论功能的一些优化方法_php实例

前几天见到某 Blog (忘记名字和网址了) 有一个相当实用的评论功能. 访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验. 今天我将这个功能移植到了自己的主题上, 制作不难, 分享一下吧. 需求 细心的朋友可能已经注意到了: 当在某个 WordPress 发表评论后再次访问该 Blog, 资料就不需要再次填写, 因为它们都已经在资料输入框里面. 但没评论过的或者清除了 Cookie 之后, 资料输入框将空空如也. 1. 当访客

web-给位大神,评论中添加图片功能怎么实现的,给小弟点思路吧

问题描述 给位大神,评论中添加图片功能怎么实现的,给小弟点思路吧 就像贴吧那样可以添加图片到评论中然后发出显示评论带图片的.实在想不通,是直接将标签塞入还是其它的方法 解决方案 html编辑器,如ueditor,kindeditor,ckeditor等等 解决方案二: 富文本编译器?推荐markdown

BootStrap实现邮件列表的分页和模态框添加邮件的功能_javascript技巧

废话不多说具体代码如下所示: package com.rc.controller; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.ht

在WordPress的文章编辑器中设置默认内容的方法_php实例

很多时候我们需要在给 WordPress 文章编辑器设置默认内容,比如把常用的开头或者文章注意事项放进去,本文就教你给 WordPress 编辑器设置默认内容. /** *WordPress 给文章编辑器设置默认内容 *http://www.endskin.com/default-content-title/ */ function Bing_default_content(){ return '要设置的默认内容'; } add_filter( 'default_content', 'Bing_

Win10系统给小娜搜索框添加放大镜、箭头图标的方法

Win10有自带语音助手小娜,这个功能的确是很不错.刚接触Win10系统的用户,还不是很了解怎么使用这个功能:一些用户反馈自己想要给小娜搜索框添加放大镜.箭头图标,却不知道该如何操作.下面小编就为大家带来Win10系统给小娜搜索框添加放大镜.箭头图标的方法!一起去看看吧! 具体步骤如下: 一.首先需要解锁Cortana默认设置,解锁方法详见<如何修改Win10 Cortana小娜搜索框底色.边框颜色和宽度>一文第一部分. 二.个性化设置:为Cortana搜索框添加放大镜图标. 1.打开注册表编