WordPaster-HDwik5.0整合教程

时间:2023-12-10 15:16:08

示例下载:http://yunpan.cn/Q9ufQGuFMK34r

1.上传WordPaster文件夹

WordPaster-HDwik5.0整合教程

2.上传upload.php文件,这个文件负责接收控件上传的图片,并保存到uploads文件夹下。

WordPaster-HDwik5.0整合教程

修改upload.php中的路径

WordPaster-HDwik5.0整合教程

3.修改WordPaster.js中的upload.php路径

WordPaster-HDwik5.0整合教程

注意:

1.PostUrl地址路径必须为完整路径。不能为相对路径。

以下地址是错误的

PostUrl: "/upload.php"

PostUrl: "/users/upload.php"

4.修改view\default\editor.htm文件

4.1增加粘贴按钮

WordPaster-HDwik5.0整合教程

<div id="btnPaster" alt="粘贴Word图片" title="Paster from Word Image"/><!--WordPaster-->

4.2增加加载WordPaster插件的代码

WordPaster-HDwik5.0整合教程

代码如下:

<!--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>

整合后的效果如下:

WordPaster-HDwik5.0整合教程

WordPaster-HDwik5.0整合教程