|
个人喜欢在评论的时候带表情,当然本人的小站评论回复也一样,下面是我实现在wordpress后台回复评论插入表情的方法,有兴趣的朋友可以看下。
</div><p>下面是简单明了(自大)的步骤方法:<br />
<br />
<strong>1. functions.php 部分(就是把下面的代码扔 functions.php)</strong><br />
<br />
//////// 获取表情按钮,源码 willin 改进 zwwooooo<br />
function zfunc_smiley_button($custom=false, $before='', $after=''){<br />
if ($custom==true)<br />
$smiley_url=get_template_directory_uri().'/images/smilies';<br />
else<br />
$smiley_url=site_url().'/wp-<a href="/tags.php/include/" target="_blank">include</a>s/images/smilies';<br />
echo $before;<br />
?><br />
<a href="<a href="/js_a/js.html" target="_blank">javascript</a>:grin(':?:')"><img src="<?php echo $smiley_url; ?>/icon_question.gif" alt="" /></a><br />
<a href="javascript:grin(':razz:')"><img src="<?php echo $smiley_url; ?>/icon_razz.gif" alt="" /></a><br />
<a href="javascript:grin(':sad:')"><img src="<?php echo $smiley_url; ?>/icon_sad.gif" alt="" /></a><br />
<a href="javascript:grin(':evil:')"><img src="<?php echo $smiley_url; ?>/icon_evil.gif" alt="" /></a><br />
<a href="javascript:grin(':!:')"><img src="<?php echo $smiley_url; ?>/icon_exclaim.gif" alt="" /></a><br />
<a href="javascript:grin(':smile:')"><img src="<?php echo $smiley_url; ?>/icon_smile.gif" alt="" /></a><br />
<a href="javascript:grin('o<a href="/fw/photo.html" target="_blank">ps</a>:')"><img src="<?php echo $smiley_url; ?>/icon_redface.gif" alt="" /></a><br />
<a href="javascript:grin(':grin:')"><img src="<?php echo $smiley_url; ?>/icon_biggrin.gif" alt="" /></a><br />
<a href="javascript:grin(':eek:')"><img src="<?php echo $smiley_url; ?>/icon_surprised.gif" alt="" /></a><br />
<a href="javascript:grin(':shock:')"><img src="<?php echo $smiley_url; ?>/icon_eek.gif" alt="" /></a><br />
<a href="javascript:grin(':???:')"><img src="<?php echo $smiley_url; ?>/icon_confused.gif" alt="" /></a><br />
<a href="javascript:grin(':cool:')"><img src="<?php echo $smiley_url; ?>/icon_cool.gif" alt="" /></a><br />
<a href="javascript:grin(':')"><img src="<?php echo $smiley_url; ?>/icon_lol.gif" alt="" /></a><br />
<a href="javascript:grin(':mad:')"><img src="<?php echo $smiley_url; ?>/icon_mad.gif" alt="" /></a><br />
<a href="javascript:grin(':twisted:')"><img src="<?php echo $smiley_url; ?>/icon_twisted.gif" alt="" /></a><br />
<a href="javascript:grin(':roll:')"><img src="<?php echo $smiley_url; ?>/icon_rolleyes.gif" alt="" /></a><br />
<a href="javascript:grin(':wink:')"><img src="<?php echo $smiley_url; ?>/icon_wink.gif" alt="" /></a><br />
<a href="javascript:grin(':idea:')"><img src="<?php echo $smiley_url; ?>/icon_idea.gif" alt="" /></a><br />
<a href="javascript:grin(':arrow:')"><img src="<?php echo $smiley_url; ?>/icon_arrow.gif" alt="" /></a><br />
<a href="javascript:grin(':neutral:')"><img src="<?php echo $smiley_url; ?>/icon_neutral.gif" alt="" /></a><br />
<a href="javascript:grin(':cry:')"><img src="<?php echo $smiley_url; ?>/icon_cry.gif" alt="" /></a><br />
<a href="javascript:grin(':mrgreen:')"><img src="<?php echo $smiley_url; ?>/icon_mrgreen.gif" alt="" /></a><br />
<?php<br />
echo $after;<br />
}<br />
<br />
//////// Ajax_data_zfunc_smiley_button by zwwooooo<br />
function Ajax_data_zfunc_smiley_button(){<br />
if( isset($_GET['action'])&& $_GET['action'] == 'Ajax_data_zfunc_smiley_button' ){<br />
nocache_headers();<br />
<br />
zfunc_smiley_button(false, '<br />');<br />
<br />
die();<br />
}<br />
}<br />
add_action('init', 'Ajax_data_zfunc_smiley_button');<br />
<br />
//////// 后台回复评论支持表情插入 by zwwooooo<br />
function zfunc_admin_enqueue_scripts( $hook_suffix ) {<br />
wp_enqueue_script( 'zfunc-comment-reply', get_template_directory_uri() . '/admin_reply.js', false, 'by-zwwooooo' );<br />
}<br />
add_action( 'admin_print_styles', 'zfunc_admin_enqueue_scripts' );<br />
<br />
<strong>2. 然后是在所用主题目录里面新建 admin_reply.js,内容如下:</strong><br />
<br />
///// 适用于 WordPress 3.8,如果较老版本请把 #comments-form 替换为 #icon-edit-comments,或者干脆把第4行和第11行删除/注释掉。<br />
jQuery(document).ready(function($){<br />
var data_zfunc_smiley_button='';<br />
if ($('#comments-form').length) {<br />
$.get('./?action=Ajax_data_zfunc_smiley_button',<br />
function (data) {<br />
data_zfunc_smiley_button=data;<br />
$('#qt_replycontent_toolbar input:last').after(data_zfunc_smiley_button);<br />
}<br />
);<br />
}<br />
});<br />
<br />
function grin(tag) {<br />
var myField;<br />
tag = ' ' + tag + ' ';<br />
if (document.getElementById('replycontent') && document.getElementById('replycontent').type == '<a href="/tags.php/textarea/" target="_blank">textarea</a>') {<br />
myField = document.getElementById('replycontent');<br />
} else {<br />
return false;<br />
}<br />
if (document.<a href="/tags.php/select/" target="_blank">select</a>ion) {<br />
myField.focus();<br />
sel = document.selection.createRange();<br />
sel.text = tag;<br />
myField.focus();<br />
}<br />
else if (myField.selectionStart || myField.selectionStart == '0') {<br />
var startPos = myField.selectionStart;<br />
var endPos = myField.selectionEnd;<br />
var cursorPos = endPos;<br />
myField.value = myField.value.<a href="/tags.php/substr/" target="_blank">substr</a>ing(0, startPos)<br />
+ tag<br />
+ myField.value.substring(endPos, myField.value.length);<br />
cursorPos += tag.length;<br />
myField.focus();<br />
myField.selectionStart = cursorPos;<br />
myField.selectionEnd = cursorPos;<br />
}<br />
else {<br />
myField.value += tag;<br />
myField.focus();<br />
}<br />
}<br />
<br />
<br />
效果如下:<br />
<br />
<img width="532" height="385" class="alignnone size-full wp-image-26016" alt="140101-comment-smiley" src="/get_pic/2015/02/05/20150205223431657.png" /> |
|