wordpress后台编辑器添加表情

07-19 | 夜光 | IT记录

后台编辑器添加表情按钮:

一、首先将表情图片按WP默认表情的命名方式命名好,然后放入主题/img/smilies/目录。

二、在主题functions.php中加入以下代码:

<?php
/*后台编辑器添加表情*/
function aioseop_meta_box_add() {
	if ( function_exists('add_meta_box') ) {
		if( function_exists('get_post_types')){
			$mrt_aioseop_pts=get_post_types('','names');
			$aioseop_options = get_option('aioseop_options');
			$aioseop_mrt_cpt = $aioseop_options['aiosp_enablecpost'];
			foreach ($mrt_aioseop_pts as $mrt_aioseop_pt) {
				if($mrt_aioseop_pt == 'post' || $mrt_aioseop_pt == 'page' || $aioseop_mrt_cpt){
					add_meta_box('smilies',__('表情'),'aiosp_meta',$mrt_aioseop_pt);
				}
			}
		}
	}
}
add_action('admin_menu', 'aioseop_meta_box_add');
function aiosp_meta() {
?>
<!--可视化编辑器用这段js
<script type="text/javascript">
function clinsertsmilies(keycode) {
	tinyMCE.execCommand('mceInsertContent', false, ' ' + keycode + ' ');
}
</script>
-->
<!--HTML编辑器用这段js-->
<script type="text/javascript">
/* <![CDATA[ */
function clinsertsmilies(tag) {
var myField;
tag = ' ' + tag + ' ';
if (document.getElementById('content') && document.getElementById('content').type == 'textarea') {
myField = document.getElementById('content');
} 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();
}
}
/* ]]> */
</script>
<a href="javascript:clinsertsmilies(':?:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_question.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':razz:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_razz.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':sad:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_sad.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':evil:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_evil.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':!:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_exclaim.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':smile:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_smile.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':oops:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_redface.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':grin:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_biggrin.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':eek:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_surprised.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':shock:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_eek.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':???:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_confused.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':cool:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_cool.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':lol:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_lol.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':mad:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_mad.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':twisted:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_twisted.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':roll:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_rolleyes.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':wink:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_wink.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':idea:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_idea.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':arrow:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_arrow.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':neutral:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_neutral.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':cry:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_cry.gif" alt="" /></a>
<a href="javascript:clinsertsmilies(':mrgreen:')"><img src="<?php bloginfo('template_directory'); ?>/img/smilies/icon_mrgreen.gif" alt="" /></a>
<?php
}
?>
本文标签:
本文链接: add-smilies-button-to-editor/
版权所有: 玻璃泉, 转载请注明本文出处。

1个评论

  1. ;-) 这个不错,已经顺利完成修改!