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

插件下载(PHP):wordpress 3.7.1,


说明:由于许多插件可能使用相同钩子,导致冲突,所以提供手支方式整合。

1.上传插件目录。

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

clip_image001

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

为编辑器增加工具栏按钮

clip_image002

增加插件初始化代码:

clip_image003

示例代码:

//WordPaster插件-加载

function ScreenCapture_Plugin()

{

$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" />'." ";

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

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

//截屏插件

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

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

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

//截屏插件

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

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

echo '</script>';

}

add_action( 'admin_print_scripts', ScreenCapture_init' );

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

clip_image004

4.修改ScreenCapture.js中的PostUrl

clip_image005

整合效果:

clip_image007

原文地址:https://www.cnblogs.com/xproer/p/3475085.html