WordPress 3.7.1-web截屏插件整合教程-Xproer.ScreenCapture

插件下载(PHP):wordpress 3.7.1,javascript


说明:因为许多插件可能使用相同钩子,致使冲突,因此提供手支方式整合。php

1.上传插件目录。css

说明:WordPress 3.7.1 使用的是TinyMCE4.x。插件目录必须是TinyMCE4.x的插件目录java

clip_image001

2.在functions.php中增长插件初始化代码和编辑器工具栏按钮jquery

为编辑器增长工具栏按钮编辑器

clip_image002

增长插件初始化代码:wordpress

clip_image003

示例代码:工具

//WordPaster插件-加载ui

function ScreenCapture_Plugin()url

{

$plugins = array('screencapture'); //Add any more plugins you want to load here

$plugins_array = array();

//Build the response - the key is the plugin name, value is the URL to the plugin JS

foreach ($plugins as $plugin ) {

$plugins_array[ $plugin ] = plugins_url($plugin."/") . 'editor_plugin.js';

}

return $plugins_array;

}

add_filter('mce_external_plugins',"ScreenCapture_Plugin");

//WordPaster插件-初始化

function ScreenCapture_init(){

echo '<link type="text/css" rel="stylesheet" href="' . WP_PLUGIN_URL . '/wordpaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />'."\n";

echo '<script type="text/javascript" src="' . WP_PLUGIN_URL . '/wordpaster/js/jquery.min.js" charset="utf-8"></script>'."\n";

echo '<script type="text/javascript" src="' . WP_PLUGIN_URL . '/wordpaster/js/jquery-ui-1.8.11.custom.min.js"></script>'."\n";

//截屏插件

echo '<link type="text/css" rel="Stylesheet" href="' . WP_PLUGIN_URL . '/screencapture/css/ScreenCapture.css"/>'."\n";

echo '<script type="text/javascript" src="' . WP_PLUGIN_URL . '/screencapture/js/ScreenCapture.js" charset="utf-8"></script>'."\n";

echo '<script language="javascript" type="text/javascript">'."\n";

//截屏插件

echo ' var scpMgr = new CaptureManager();'."\n";

echo ' scpMgr.Init(null);'."\n";

echo '</script>';

}

add_action( 'admin_print_scripts', ScreenCapture_init' );

3.修改upload.php返回路径。

clip_image004

4.修改ScreenCapture.js中的PostUrl

clip_image005

整合效果:

clip_image007

相关文章
相关标签/搜索