示例下载:http://yunpan.cn/Q9ufQGuFMK34r
1.上传WordPaster文件夹
2.上传upload.php文件,这个文件负责接收控件上传的图片,并保存到uploads文件夹下。
修改upload.php中的路径
3.修改WordPaster.js中的upload.php路径
注意:
1.PostUrl地址路径必须为完整路径。不能为相对路径。
以下地址是错误的
PostUrl: "/upload.php"
或
PostUrl: "/users/upload.php"
4.修改view\default\editor.htm文件
4.1增加粘贴按钮
<div id="btnPaster" alt="粘贴Word图片" title="Paster from Word Image"/><!--WordPaster-->
4.2增加加载WordPaster插件的代码
代码如下:
<!--WordPaster-->
<link type="text/css" rel="Stylesheet" href="./WordPaster/css/WordPaster.css"/>
<link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
<script type="text/javascript" src="./WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="./WordPaster/js/WordPaster.js" charset="utf-8"></script>
<script language="javascript" type="text/javascript">
var pasterMgr = new PasterManager();
pasterMgr.Load();//加载控件
pasterMgr.Init("content");
$(document).ready(function(){
$("#btnPaster").click(function(){ pasterMgr.Paste(); });
});
</script>
整合后的效果如下: