master

分支 (2)

管理

管理

master

edge

wordpaster-php-kindeditor4x
/
index-jqueryui.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<!--此页面实现Word图片自动批量上传的功能-->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>WordPaster For KindEditor-4.x</title>
    <link type="text/css" rel="Stylesheet" href="demo.css" />
	<link type="text/css" rel="Stylesheet" href="WordPaster/js/jquery-ui-1.8.4/themes/base/jquery-ui.css" />
	<link type="text/css" rel="stylesheet" href="themes/simple/simple.css" />
	<script type="text/javascript" charset="utf-8" src="kindeditor-min.js"></script>
	<script type="text/javascript" charset="utf-8" src="lang/zh_CN.js"></script>
    <script type="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.4/ui/jquery-ui.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/w.jqueryui.js" charset="utf-8"></script>
	<script type="text/javascript" src="zyCapture/z.jqui.js" charset="utf-8"></script>
    <script type="text/javascript" src="zyOffice/js/o.jqueryui.js" charset="utf-8"></script>
	<script type="text/javascript" src="demo.js" charset="utf-8"></script>
</head>
<body>
	<div style=" font-size:medium; line-height:130%;">
	<p>演示方法：</p>
	<ul style="list-style-type:decimal;">
		<li>打开Word文档，复制多张图片，然后点击编辑器中的图片粘贴按钮<img alt="粘贴图片" src="WordPaster/css/paster.png" width="16px" height="16px"/>，编辑器将自动上传所有图片。</li>
		<li>复制电脑中任意图片文件，然后点击编辑器中的粘贴图片按钮<img alt="粘贴图片" src="WordPaster/css/paster.png" width="16px" height="16px"/>。</li>
		<li>通过QQ或其它软件截屏，复制图片，然后点击编辑器中的图片粘贴按钮<img alt="粘贴图片" src="WordPaster/css/paster.png" width="16px" height="16px"/>。</li>
	</ul>
	<p>相关问题：</p>
	<ul style="list-style-type:decimal;">
		<li>安装插件<a target="_blank" href="http://www.ncmem.com/webapp/wordpaster/pack.aspx">下载插件</a></li>
		<li>WindowxXP/Windows7/Windows2003如果无法识别数字证书，请先下安装<a target="_blank" href="http://www.ncmem.com/download/WoSignRootUpdate.rar">数字签名根证书</a></li>
	</ul>
	</div>
	<div id="demos"></div>
	<!--KindEditor编辑器-->
	<textarea id="content1" name="content1" style="width:100%;height:300px;visibility:hidden;">
	<p>泽优全平台内容发布解决方案 for php kindeditor4</p>
	<p>泽优Word一键粘贴控件（WordPaster）</p>
	<p>泽优全平台截屏控件（zyCapture）</p>
	<p>泽优Office文档转换服务（zyOffice）</p></textarea>
	<script type="text/javascript">
        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "php/upload.php"
        ].join("");
        WordPaster.getInstance({
			//上传接口：http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203ed
			PostUrl: api,
			//为图片地址增加域名：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
            ImageUrl: "",
            //设置文件字段名称：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
            FileFieldName: "file",
            //提取图片地址：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
            ImageMatch: '',
			Cookie: 'PHPSESSID=<?php echo session_id() ?>',
			event:{
				dataReady:function(e){
					//e.word,
					//e.imgs:tag1,tag2,tag3
					console.log(e.imgs)
				}
			}
		});//加载控件

		//zyCapture
        zyCapture.getInstance({
            config: {
                PostUrl: api,
				FileFieldName: "file",
                Fields: { uname: "test" }
            }
        });

		//zyoffice
		//使用前请在服务端部署zyOffice，
		//http://www.ncmem.com/doc/view.aspx?id=82170058de824b5c86e2e666e5be319c
		zyOffice.getInstance({
			word:"http://localhost:13710/zyoffice/word/convert",
			wordExport:"http://localhost:13710/zyoffice/word/export",
			pdf:"http://localhost:13710/zyoffice/pdf/upload"
		});

		var editor;
		KindEditor.ready(function(K)
		{
			editor = K.create('#content1'
			,
			{ items: [
				'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
				'plainpaste', 'wordpaste',
				'|',
				'zycapture',
				'|',
				'wordpaster','importwordtoimg','netpaster','pptimport','pdfimport', '|',
				'importword','exportword','importpdf','|',
				'justifyleft', 'justifycenter', 'justifyright',
				'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
				'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
				'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
				'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
				'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'map', 'code', 'pagebreak',
				'link', 'unlink', '|', 'about']
			, afterCreate: function()
				{
			    	WordPaster.getInstance().SetEditor(this);
					window.zyCapture.setEditor(this);
					window.zyOffice.SetEditor(this);
					var self = this;
					KindEditor.ctrl(self.edit.doc,'V',function(){WordPaster.getInstance().Paste();});
				}
			});
		});
	</script>
</body>
</html>