TinyMCE编辑器和评论框添加QuickTag

2015-11-09cms教程
122

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


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


WordPress教程:TinyMCE编辑器和评论框添加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了,效果图:


编辑器


折腾玩(完)。


The End
编辑器

相关推荐

WordPress去除链接添加 Noopener Noreferrer 的教程
WordPress目前在最近的版本中为所有需要新窗口打开的链接都自动添加了新的 noopener noreferrer 属性。noopener noreferrer 属性并不是新发布的标准,但 WordPress 4.7.4 版开始的编辑器默认都会添加该属性。新窗口打开超链接的属性 target=_blank 增加 rel=...
2017-07-31 cms教程
232

ecshop模板ie9下的切换选项卡问题,不能切换的问
ecshop模板ie9下的切换选项卡问题,不能切换的问题处理 IE9确实有这个问题在,IE10测试了下就没有这个问题。 处理方法: 1、用编辑器打开goods.dwt 2、在meta name=Keywords content={$keywords} /代码之前加上meta http-equiv=X-UA-Compatible content=IE=8...
2016-08-29 cms教程
18

ecshop编辑器fckeditor换百度ueditor编辑器教程
1、下载uediter编辑器,解压上传目录uediter到根目录/includes/下 2、修改admin/includes/lib_main.php /** * 生成编辑器 * @param string input_name 输入框名称 * @param string input_value 输入框值 */ function create_html_editor($input_name, $input...
2016-08-29 cms教程
149

ecshop教程:编辑器kindeditor图片上传添加水印功能
以前在网站介绍过ecshop更换编辑成kindeditor的方法,但是上传的图片不能自动增加水印,今天把相应方法告诉大家: 在kindeditor/php/upload_json.php中,有两处需要修改的地方。 第一步,在文件末尾添加一个方法 function imageWaterMark($groundImage, $wat...
2016-08-29 cms教程
21

Discuz! X3/X2/X1.5如何删除标题栏的Powered by Discuz!
登录FTP,编辑/template/default/common/header_common.htm,第5行,删除以下代码,也可以改成自己需要的文字,保存后,在论坛后台更新缓存即可。 - Powered by Discuz! 复制代码 推荐编辑器:Editplus/notepad++/ultraedit,下载地址请百度。 触摸屏版:default...
2016-08-04 cms教程
11

Dz论坛发帖编辑器的使用技巧
Dz论坛发帖编辑器的使用技巧...
2016-07-11 cms教程
234