实现wordpress后台回复评论支持插入表情
发布:smiling 来源: PHP粉丝网 添加日期:2015-03-20 16:02:55 浏览: 评论:0
个人喜欢在评论的时候带表情,当然本人的小站评论回复也一样,下面是我实现在wordpress后台回复评论插入表情的方法,有兴趣的朋友可以看下.
下面是简单明了的步骤方法.
1.functions.php 部分,就是把下面的代码扔 functions.php:
- //////// 获取表情按钮,源码 willin 改进 zwwooooo
- function zfunc_smiley_button($custom=false, $before='', $after=''){
- if ($custom==true)
- $smiley_url=get_template_directory_uri().'/images/smilies';
- else
- $smiley_url=site_url().'/wp-includes/images/smilies';
- echo $before;
- ?>
- <a href="javascript:grin(':?:')"><img src="<?php echo $smiley_url; ?>/icon_question.gif" alt="" /></a>
- <a href="javascript:grin(':razz:')"><img src="<?php echo $smiley_url; ?>/icon_razz.gif" alt="" /></a>
- <a href="javascript:grin(':sad:')"><img src="<?php echo $smiley_url; ?>/icon_sad.gif" alt="" /></a>
- <a href="javascript:grin(':evil:')"><img src="<?php echo $smiley_url; ?>/icon_evil.gif" alt="" /></a>
- <a href="javascript:grin(':!:')"><img src="<?php echo $smiley_url; ?>/icon_exclaim.gif" alt="" /></a>
- <a href="javascript:grin(':smile:')"><img src="<?php echo $smiley_url; ?>/icon_smile.gif" alt="" /></a>
- <a href="javascript:grin(':oops:')"><img src="<?php echo $smiley_url; ?>/icon_redface.gif" alt="" /></a>
- <a href="javascript:grin(':grin:')"><img src="<?php echo $smiley_url; ?>/icon_biggrin.gif" alt="" /></a>
- <a href="javascript:grin(':eek:')"><img src="<?php echo $smiley_url; ?>/icon_surprised.gif" alt="" /></a>
- <a href="javascript:grin(':shock:')"><img src="<?php echo $smiley_url; ?>/icon_eek.gif" alt="" /></a>
- <a href="javascript:grin(':???:')"><img src="<?php echo $smiley_url; ?>/icon_confused.gif" alt="" /></a>
- <a href="javascript:grin(':cool:')"><img src="<?php echo $smiley_url; ?>/icon_cool.gif" alt="" /></a>
- <a href="javascript:grin(':lol:')"><img src="<?php echo $smiley_url; ?>/icon_lol.gif" alt="" /></a>
- <a href="javascript:grin(':mad:')"><img src="<?php echo $smiley_url; ?>/icon_mad.gif" alt="" /></a>
- <a href="javascript:grin(':twisted:')"><img src="<?php echo $smiley_url; ?>/icon_twisted.gif" alt="" /></a>//phpfensi.com
- <a href="javascript:grin(':roll:')"><img src="<?php echo $smiley_url; ?>/icon_rolleyes.gif" alt="" /></a>
- <a href="javascript:grin(':wink:')"><img src="<?php echo $smiley_url; ?>/icon_wink.gif" alt="" /></a>
- <a href="javascript:grin(':idea:')"><img src="<?php echo $smiley_url; ?>/icon_idea.gif" alt="" /></a>
- <a href="javascript:grin(':arrow:')"><img src="<?php echo $smiley_url; ?>/icon_arrow.gif" alt="" /></a>
- <a href="javascript:grin(':neutral:')"><img src="<?php echo $smiley_url; ?>/icon_neutral.gif" alt="" /></a>
- <a href="javascript:grin(':cry:')"><img src="<?php echo $smiley_url; ?>/icon_cry.gif" alt="" /></a>
- <a href="javascript:grin(':mrgreen:')"><img src="<?php echo $smiley_url; ?>/icon_mrgreen.gif" alt="" /></a>
- <?php
- echo $after;
- }
- //////// Ajax_data_zfunc_smiley_button by zwwooooo
- function Ajax_data_zfunc_smiley_button(){
- if( isset($_GET['action'])&& $_GET['action'] == 'Ajax_data_zfunc_smiley_button' ){
- nocache_headers();
- zfunc_smiley_button(false, '<br />');
- die();
- }
- }
- add_action('init', 'Ajax_data_zfunc_smiley_button');
- //////// 后台回复评论支持表情插入 by zwwooooo
- function zfunc_admin_enqueue_scripts( $hook_suffix ) {
- wp_enqueue_script( 'zfunc-comment-reply', get_template_directory_uri() . '/admin_reply.js', false, 'by-zwwooooo' );
- }
- add_action( 'admin_print_styles', 'zfunc_admin_enqueue_scripts' );
2.然后是在所用主题目录里面新建 admin_reply.js,内容如下:
- ///// 适用于 WordPress 3.8,如果较老版本请把 #comments-form 替换为 #icon-edit-comments,或者干脆把第4行和第11行删除/注释掉。
- jQuery(document).ready(function($){
- var data_zfunc_smiley_button='';
- if ($('#comments-form').length) {
- $.get('./?action=Ajax_data_zfunc_smiley_button',
- function (data) {
- data_zfunc_smiley_button=data;
- $('#qt_replycontent_toolbar input:last').after(data_zfunc_smiley_button);
- }
- );
- }
- });
- function grin(tag) {
- var myField;
- tag = ' ' + tag + ' ';
- if (document.getElementById('replycontent') && document.getElementById('replycontent').type == 'textarea') {
- myField = document.getElementById('replycontent');
- } else {
- return false;
- }
- if (document.selection) {
- myField.focus();
- sel = document.selection.createRange();
- sel.text = tag;
- myField.focus();
- }
- else if (myField.selectionStart || myField.selectionStart == '0') {
- var startPos = myField.selectionStart;
- var endPos = myField.selectionEnd;
- var cursorPos = endPos;
- myField.value = myField.value.substring(0, startPos)
- + tag
- + myField.value.substring(endPos, myField.value.length);
- cursorPos += tag.length;
- myField.focus();
- myField.selectionStart = cursorPos;
- myField.selectionEnd = cursorPos;
- }
- else {
- myField.value += tag;
- myField.focus();
- }
- }
Tags: wordpress后台表情 wordpress表情
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)