WordPaster-HDwik5.0整合教程

示例下载：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>

 

整合后的效果如下：