GroupDocs.Total-JS/viewer.html at master · groupdocs-total/GroupDocs.Total-JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
	<head>
		<title>GroupDocs.Viewer</title>
		<link type="text/css" rel="stylesheet" href="packages/common/css/all.min.css"/>
		<link type="text/css" rel="stylesheet" href="packages/common/css/v4-shims.min.css">
		<link type="text/css" rel="stylesheet" href="packages/common/css/swiper.min.css">
		<link type="text/css" rel="stylesheet" href="packages/common/css/circle-progress.css"/>
		<link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer.css"/>
		<link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer.mobile.css"/>
		<link type="text/css" rel="stylesheet" href="packages/viewer/css/viewer-dark.css"/>
		<script type="text/javascript" src="packages/common/js/jquery.min.js"></script>
		<script type="text/javascript" src="packages/common/js/swiper.min.js"></script>
		<script type="text/javascript" src="packages/common/js/es6-promise.auto.js"></script>
		<script type="text/javascript" src="packages/viewer/js/viewer.js"></script>
	</head>
	<body>
		<div id="element"></div>
		<script type="text/javascript">
            var host = !window.location.hostname ? 'localhost' : window.location.hostname;
			$('#element').viewer({
				applicationPath: 'http://' + host + ':8080/viewer/',
			    defaultDocument: '',
			    preloadPageCount: 0,
			    rewrite: true,
			    zoom: true,
			    pageSelector: true,
			    search: true,
			    thumbnails: true,
			    rotate: true,
			    download: true,
			    upload: true,
			    print: true,
			    browse: true,
				htmlMode: true,
				saveRotateState: true,
				enableRightClick: true
			});
		</script>
	</body>
</html>