如何给 TinyMCE 编辑器添加上自定义图标按钮

　第一步：创建视频代码短代码函数

将下列代码放置到主题模板函数 functions.php 闭合中：

//搜狐视频

function sohu_video($atts, $content=null){

return '<center><embed flashvars="autoplay=false" width="870" height="590" wmode="Transparent" allowfullscreen="true" allownetworking="internal" allowscriptaccess="never" quality="high" src="'.$content.'&skinNum=1&topBar=0&showRecommend=0&autoplay=false&api_key=2369879459a1dff4033fde2bb6b023e6&sogouBtn=0" type="application/x-shockwave-flash"/></embed></center>'

}

add_shortcode('sohu','sohu_video')

第二步：TinyMCE 编辑器下如何插入视频短代码

在撰写文章时如下输入，即可插入搜狐视频，无需粘贴复制 embed 代码。(去除 * 号)

[*sohu]hare.vrs.sohu.com/1001161/v.swf&autoplay=false&xuid=[/sohu]

段代码部分完结。手动输入 [*sohu] &[/sohu] 还是有些麻烦，下面讲解如何给 TinyMCE 编辑器添加自定义图标按钮。

TinyMCE 添加自定义图标按钮

第一步：创建按钮初始化函数

将下列代码放置到主题函数模板 functions.php 闭合中：

//创建按钮初始函数

add_action('init', 'custom_button')

function custom_button() {

//判断用户是否有编辑文章和页面的权限

if ( ! current_user_can('edit_posts') &&! current_user_can('edit_pages') ) {

return

}

//判断用户是否使用可视化编辑器

if ( get_user_option('rich_editing') == 'true' ) {

add_filter( 'mce_external_plugins', 'add_plugin' )

add_filter( 'mce_buttons', 'register_button' )

}

}

第二步：注册按钮以及它的 TinyMCE 插件

将下列代码放置到主题函数模板 functions.php 闭合中：

//注册按钮

function register_button( $buttons ) {

array_push( $buttons, "|", "youku" )//添加一个优酷视频按钮

array_push( $buttons, "|", "sohu" )//添加一个搜狐视频按钮

return $buttons

}

//注册TinyMCE按钮插件

function add_plugin( $plugin_array ) {

$plugin_array['youku'] = get_bloginfo( 'template_url' ) . '/myeditor/youku.js'//优酷按钮的js路径

$plugin_array['sohu'] = get_bloginfo( 'template_url' ) . '/myeditor/sohu.js'//搜狐按钮的js路径

return $plugin_array

}

第三步：完成图标按钮 TinyMCE 插件 JS 部分

在第二步中 add_plugin 函数中引入了 JS，根据路径创建好 js 文件，以 youku.js 为例说明。将下列代码保存为 youku.js, 上传到指定目录/myeditor/。(去除�0�2*�0�2号)

// Youku

(function() {

tinymce.create('tinymce.plugins.youku', {//注意这里有个 youku

init : function(ed, url) {

ed.addButton('youku', {//注意这一行有一个 youku

title : 'Youku',//图标文字说明

image : url+'/youku.png',//注意图片的路径 url是当前js的路径

onclick : function() {

ed.selection.setContent('[*youku]' + ed.selection.getContent() + '[/youku]')

}

})

},

createControl : function(n, cm) {

return null

},

})

tinymce.PluginManager.add('youku', tinymce.plugins.youku)//注意这里有两个 youku

})()

注：上述代码调用的图标 youku.png 也放置在主题 /myeditor/ 目录（新建）

问题一：word快捷方式图标怎么改 新建一个快捷方式指向word（例如 c:\Program Files\Microsoft Offi钉e\OFFICE1\WINWORD.EXE），这个快捷方式可以通过右键点击更改图标。如果你不是非执着地要改原来的图标，就这么凑合着用吧。

问题二：如何更改快捷方式的图标 把图片改为图标文件（大多是ICO文件），再在快捷方式的属性 - 快捷方式里选更改图标

问题三：桌面上的快捷方式为大图标，怎样改成小图标 右键--外观--效果--把使用大图标前的对钩去掉有时候是你的屏幕分辨率没调好

右键--设置--选择合适的分辨率就

问题四：手机如何设置快捷方式图标 按住桌面3到4秒，会出来一些选项，找到添加应用程序，选中要添加的程序，就可以添加到手机桌面了，智能机都差不多！

问题五：怎么设置电脑左下方桌面快捷方式小图标 解决方法：

1、任务栏右击鼠标--去掉锁定任务栏。

2、以QQ为例：直接把QQ图标拖动到任务栏。

3、再次锁定任务栏即可。

问题六：如何更改图标 exe的，属性里面没有快捷方式哦 只有快捷方式才能改图标的，你这个是绿色软件，不能改，可以先创建快捷方式再改快捷方式图标

问题七：怎么把快捷方式的图标改成png格式的图片 这个需要先将你需要的图标文件保存在本地磁盘上。而后用第三方的软件比如acdsee，或者是photoshop打开该图标文件后，选择另存为---保存为png文件即可。希望我的回答对你有帮助。

问题八：怎样更改桌面上快捷方式图标的大小。 打开显示属性（激面空白处点击鼠标右键选择属性或者控制面板选择显示图标）－－外观－－高级－－在项目处选择图标，填上适当的数值就可以改变图标大小。

问题九：怎么更改快捷方式图标 在图标上点鼠标右键→属性→快捷方式，在快捷方式窗口里选择 更改图标 按钮，就可以改了。

问题十：怎样在控制面板里设置软件的快捷方式图标到桌面。 右键鼠标 创建快捷方式 即可

---