├── yulan.doc ├── yulan.pdf ├── README.md ├── js ├── jquery.metadata.js ├── jq.css ├── chili-1.7.pack.js ├── jquery.media.js └── urchin.js ├── 第二章-变量-数据类型-和运算符.ppt ├── bootstrap-3.3.7 ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── js │ ├── npm.js │ └── bootstrap.min.js └── css │ ├── fileinput.min.css │ ├── fileinput.css │ ├── bootstrap-theme.min.css │ ├── bootstrap-theme.min.css.map │ └── bootstrap-theme.css └── yulan.html /yulan.doc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/yulan.doc -------------------------------------------------------------------------------- /yulan.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/yulan.pdf -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ppt 2 | # 2019/8/25这是我这个礼拜的成果 3 | # 前端实现在线预览pdf、docx、xls、ppt等文件 4 | -------------------------------------------------------------------------------- /js/jquery.metadata.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/js/jquery.metadata.js -------------------------------------------------------------------------------- /第二章-变量-数据类型-和运算符.ppt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/第二章-变量-数据类型-和运算符.ppt -------------------------------------------------------------------------------- /bootstrap-3.3.7/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /bootstrap-3.3.7/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhongqiulan/ppt/HEAD/bootstrap-3.3.7/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /bootstrap-3.3.7/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /yulan.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 在线预览PDF文档 7 | 8 | 9 | 10 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |

预览pdf文件

28 |
29 |
30 |
31 |
32 | PDF在线预览 34 |
35 | DOCX在线预览 37 |
38 | PPT在线预览 39 | 40 | 41 | 44 | 47 |
48 |
49 | 50 | 51 | -------------------------------------------------------------------------------- /js/jq.css: -------------------------------------------------------------------------------- 1 | BODY { 2 | BACKGROUND-COLOR: white 3 | } 4 | BODY { 5 | FONT-FAMILY: 'lucida grande', helvetica, verdana, arial, sans-serif 6 | } 7 | DIV { 8 | FONT-FAMILY: 'lucida grande', helvetica, verdana, arial, sans-serif 9 | } 10 | BODY { 11 | PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333; PADDING-TOP: 0px 12 | } 13 | H1 { 14 | PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: 'trebuchet ms', verdana, arial; PADDING-TOP: 10px 15 | } 16 | H2 { 17 | PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: 'trebuchet ms', verdana, arial; PADDING-TOP: 10px 18 | } 19 | H1 { 20 | FONT-SIZE: large 21 | } 22 | H2 { 23 | PADDING-LEFT: 0px; COLOR: #800; FONT-SIZE: large; FONT-WEIGHT: normal 24 | } 25 | TABLE { 26 | BORDER-COLLAPSE: collapse 27 | } 28 | FORM { 29 | BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #ffe; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px 30 | } 31 | #fmasters-dialog FORM { 32 | BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; BORDER-LEFT-STYLE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-RIGHT-STYLE: none; PADDING-TOP: 0px 33 | } 34 | FORM#paypal { 35 | BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: transparent; MARGIN-TOP: -8px; BORDER-LEFT-STYLE: none; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP-STYLE: none; FLOAT: right; BORDER-RIGHT-STYLE: none; PADDING-TOP: 0px 36 | } 37 | TD { 38 | VERTICAL-ALIGN: top 39 | } 40 | P { 41 | MARGIN: 10px 0px 42 | } 43 | DL { 44 | MARGIN-TOP: 0px 45 | } 46 | DT { 47 | COLOR: #a00; FONT-WEIGHT: bold 48 | } 49 | DD { 50 | MARGIN: 0px 0px 40px; COLOR: #555 51 | } 52 | DL.options { 53 | MARGIN: 10px 25px 54 | } 55 | HR { 56 | HEIGHT: 1px 57 | } 58 | #main { 59 | PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px 60 | } 61 | #main H1 { 62 | PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; PADDING-TOP: 15px 63 | } 64 | #banner { 65 | BORDER-BOTTOM: #eee 1px inset; TEXT-ALIGN: center; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: url(images/bg7.png) #2278bb repeat-x 0px -40px; COLOR: #eee; FONT-SIZE: 24px; PADDING-TOP: 15px 66 | } 67 | #backnav { 68 | POSITION: absolute; COLOR: #fff; FONT-SIZE: x-small; TEXT-DECORATION: none; LEFT: 10px 69 | } 70 | #backnav:hover { 71 | COLOR: #fff 72 | } 73 | #logo { 74 | DISPLAY: none 75 | } 76 | #content { 77 | PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px 78 | } 79 | #busy { 80 | BORDER-BOTTOM: #ccc 1px ridge; POSITION: absolute; BORDER-LEFT: #ccc 1px ridge; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #e95555; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: none; COLOR: #eee; BORDER-TOP: #ccc 1px ridge; RIGHT: 7px; BORDER-RIGHT: #ccc 1px ridge; PADDING-TOP: 3px; TOP: 7px 81 | } 82 | #footer { 83 | MARGIN-TOP: 30px; COLOR: #888; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 20px 84 | } 85 | A.external { 86 | BACKGROUND-IMAGE: url(images/external.png); PADDING-RIGHT: 12px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center 87 | } 88 | DIV.step-one { 89 | PADDING-BOTTOM: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; HEIGHT: 43px; VERTICAL-ALIGN: middle; PADDING-TOP: 25px 90 | } 91 | DIV.step-two { 92 | PADDING-BOTTOM: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; HEIGHT: 43px; VERTICAL-ALIGN: middle; PADDING-TOP: 25px 93 | } 94 | DIV.step-three { 95 | PADDING-BOTTOM: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; HEIGHT: 43px; VERTICAL-ALIGN: middle; PADDING-TOP: 25px 96 | } 97 | DIV.step-one { 98 | BACKGROUND-IMAGE: url(images/1.gif) 99 | } 100 | DIV.step-two { 101 | BACKGROUND-IMAGE: url(images/2.gif) 102 | } 103 | DIV.step-three { 104 | BACKGROUND-IMAGE: url(images/3.gif) 105 | } 106 | IMG.logo { 107 | BORDER-BOTTOM-STYLE: none; MARGIN: 10px 10px 0px 0px; BORDER-LEFT-STYLE: none; BORDER-TOP-STYLE: none; FLOAT: right; BORDER-RIGHT-STYLE: none 108 | } 109 | PRE { 110 | MARGIN-TOP: 10px 111 | } 112 | PRE { 113 | BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 5px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; BACKGROUND-COLOR: #eee; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; FONT-SIZE: small; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px 114 | } 115 | PRE.normal { 116 | BORDER-BOTTOM-STYLE: none; BORDER-LEFT: 0px; OVERFLOW-X: auto; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none 117 | } 118 | CODE { 119 | PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 108%; PADDING-TOP: 0px 120 | } 121 | CODE.method { 122 | MARGIN-TOP: 20px; DISPLAY: block; FONT-SIZE: 150% 123 | } 124 | CODE.inline { 125 | BACKGROUND-COLOR: #ffc 126 | } 127 | .jscom { 128 | COLOR: #4040c2 129 | } 130 | .mix htcom { 131 | COLOR: #4040c2 132 | } 133 | .com { 134 | COLOR: green 135 | } 136 | .regexp { 137 | COLOR: maroon 138 | } 139 | .string { 140 | COLOR: teal 141 | } 142 | .keywords { 143 | COLOR: blue 144 | } 145 | .global { 146 | COLOR: #008 147 | } 148 | .numbers { 149 | COLOR: #880 150 | } 151 | .comm { 152 | COLOR: green 153 | } 154 | .tag { 155 | COLOR: blue 156 | } 157 | .entity { 158 | COLOR: blue 159 | } 160 | .string { 161 | COLOR: teal 162 | } 163 | .aname { 164 | COLOR: maroon 165 | } 166 | .avalue { 167 | COLOR: maroon 168 | } 169 | .jquery { 170 | COLOR: #00a 171 | } 172 | .plugin { 173 | COLOR: red 174 | } 175 | .php .tag { 176 | COLOR: purple 177 | } 178 | .php .com { 179 | COLOR: green 180 | } 181 | .php .const1 { 182 | COLOR: maroon 183 | } 184 | .php .const2 { 185 | COLOR: maroon 186 | } 187 | .php .function { 188 | COLOR: #e17100 189 | } 190 | .php .global { 191 | COLOR: maroon 192 | } 193 | .php .keyword { 194 | COLOR: blue 195 | } 196 | .php .mlcom { 197 | COLOR: gray 198 | } 199 | .php .name { 200 | COLOR: maroon 201 | } 202 | .php .number { 203 | COLOR: #880 204 | } 205 | .php .string1 { 206 | COLOR: teal 207 | } 208 | .php .string2 { 209 | COLOR: teal 210 | } 211 | .php .value { 212 | COLOR: gray 213 | } 214 | .php .variable { 215 | COLOR: #e15c03 216 | } 217 | .css .mlcom { 218 | COLOR: #4040c2 219 | } 220 | .css .color { 221 | COLOR: black 222 | } 223 | .css .string { 224 | COLOR: teal 225 | } 226 | .css .attrib { 227 | COLOR: blue 228 | } 229 | .css .value { 230 | COLOR: navy 231 | } 232 | .css .number { 233 | COLOR: #880 234 | } 235 | -------------------------------------------------------------------------------- /js/chili-1.7.pack.js: -------------------------------------------------------------------------------- 1 | eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8={3c:"1.6",1E:"1i.2j,1i.26,1i.2l",1P:"",1Z:11,12:"",2n:11,Z:"",29:\'$$\',1T:"&#H;",1d:"&#H;&#H;&#H;&#H;",1r:"&#H;<1D/>",2X:5(){9 $(F).2B("1q")[0]},J:{},U:{}};(5($){$(5(){5 27(n,o){5 22(a,b){3 c=(18 b.4=="1f")?b.4:b.4.3q;q.1b({1F:a,4:"("+c+")",C:1+(c.z(/\\\\./g,"%").z(/\\[.*?\\]/g,"%").2W(/\\((?!\\?)/g)||[]).C,Q:(b.Q)?b.Q:8.29})}5 1z(){3 b=0;3 c=D 1y;R(3 i=0;i\';8.U[a]=19;7($.30.2Y){3 c=G.1O(b);3 d=$(c);$("1B").1V(d)}A{$("1B").1V(b)}}}5 1h(a,b){3 c=a&&a.1g&&a.1g[0]&&a.1g[0].2O;7(!c)c="";c=c.z(/\\r\\n?/g,"\\n");3 d=27(c,b);7(8.1d){d=d.z(/\\t/g,8.1d)}7(8.1r){d=d.z(/\\n/g,8.1r)}$(a).2M(d)}5 16(a,b){3 c={12:8.12,1w:a+".Y",Z:8.Z,1X:a+".1K"};3 d;7(b&&18 b=="1v")d=$.2D(c,b);A d=c;9{B:d.12+d.1w,1j:d.Z+d.1X}}7($.1u)$.1u({2A:"1v.14"});3 v=D 1o("\\\\b"+8.1P+"\\\\b","2b");3 w=[];$(8.1E).1t(5(){3 c=F;3 d=$(c).2r("W");7(!d){9}3 e=$.2p(d.z(v,""));7(\'\'!=e){w.1b(c);3 f=16(e,c.14);7(8.1Z||c.14){7(!8.U[f.B]){1p{8.U[f.B]=19;$.5n(f.B,5(b){b.2k=f.B;8.J[f.B]=b;7(8.2n){1L(f.1j)}$("."+e).1t(5(){3 a=16(e,F.14);7(b.2k==a.B){1h(F,b)}})})}1l(59){55("B 50 R: "+e+\'@\'+4U)}}}A{3 g=8.J[f.B];7(g){1h(c,g)}}}});7(G.1m&&G.1m.28){5 21(a){7(\'\'==a){9""}1n{3 b=(D 4E()).24()}X(a.4x(b)>-1);a=a.z(/\\<1D[^>]*?\\>/4u,b);3 c=G.1O(\'<1q>\');c.4s=a;a=c.4r.z(D 1o(b,"g"),\'\\r\\n\');9 a}3 x="";3 y=1s;$(w).4j().M("1q").V("2h",5(){y=F}).V("2m",5(){7(y==F)x=G.1m.28().4c});$("49").V("48",5(){7(\'\'!=x){2f.41.3X(\'3W\',21(x));3U.3T=11}}).V("2h",5(){x=""}).V("2m",5(){y=1s})}})})(2c);8.J["2j.Y"]={T:{3L:{4:/\\/\\*[^*]*\\*+(?:[^\\/][^*]*\\*+)*\\//},2g:{4:/\\