PageRenderTime 52ms CodeModel.GetById 25ms RepoModel.GetById 0ms app.codeStats 0ms

/demo/closure-compiler-test.html

https://github.com/gezidan/kissy-editor
HTML | 202 lines | 175 code | 22 blank | 5 comment | 0 complexity | 36af0d97dd6de01ef7a00fce0417027c MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8"/>
    5. 

  5. <title>KISSY Editor Test</title>
    6. 

  6. <link href="../build/theme/base-min.css" rel="stylesheet"/>
    7. 

  7. <!--[if lt IE 8]>
    8. 

  8. <link href="../build/theme/cool/editor-pkg-min-mhtml.css" rel="stylesheet"/>
    9. 

  9. <![endif]-->
    10. 

  10. <!--[if gte IE 8]><!-->
    11. 

  11. <link href="../build/theme/cool/editor-pkg-min-datauri.css" rel="stylesheet"/>
    12. 

  12. <!--<![endif]-->
    13. 

  13. 

  14. </head>
    15. 

  15. <body>
    16. 

  16. 

  17. <h1>KISSY Editor Demo</h1>
    18. 

  18. 

  19. <div style="width: 90%; margin: 0 auto">
    20. 

  20.     <label for="editor">Editor Instance 1:</label>
    21. 

  21.     <textarea id="editor" tabindex="1" style="width:100%;height:400px;margin:0 auto;">
    22. 

  22.         <script>alert(1);</script>
    23. 

  23.         <p>
    24. 

  24.             我是虾米音乐
    25. 

  25.         </p>
    26. 

  26.         <p>
    27. 

  27.             111111111111111111111111
    28. 

  28.             <embed height="33" width="257" allowscriptaccess="never"
    29. 

  29.                    src="http://www.xiami.com/widget/300122_1806480/singlePlayer.swf"
    30. 

  30.                    title="Can't+Compare"
    31. 

  31.                    type="application/x-shockwave-flash"
    32. 

  32.                    wmode="transparent"/>
    33. 

  33.             1111111111111111111111
    34. 

  34.         </p>
    35. 

  35. 

  36.         <p>我是音乐：</p>
    37. 

  37.         <p>
    38. 

  38.             111111111111111111111
    39. 

  39.             <object height="37"
    40. 

  40.                     align=""
    41. 

  41.                     width="165"
    42. 

  42.                     codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
    43. 

  43.                     classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
    44. 

  44.                 <param
    45. 

  45.                         value="../src/plugins/music/niftyplayer.swf?file=../src/plugins/music/betty.mp3"
    46. 

  46.                         name="movie"/>
    47. 

  47.                 <param value="high" name="quality"/>
    48. 

  48.                 <param name="wmode" value="transparent"/>
    49. 

  49.                 <param value="#FFFFFF" name="bgcolor"/>
    50. 

  50.                 <embed height="37"
    51. 

  51.                        align=""
    52. 

  52.                        wmode="transparent"
    53. 

  53.                        width="165"
    54. 

  54.                        pluginspage="http://www.macromedia.com/go/getflashplayer"
    55. 

  55.                        swliveconnect="true"
    56. 

  56.                        type="application/x-shockwave-flash"
    57. 

  57.                        bgcolor="#FFFFFF"
    58. 

  58.                        quality="high"
    59. 

  59.                        src="../src/plugins/music/niftyplayer.swf?file=../src/plugins/music/betty.mp3">
    60. 

  60.                 </embed>
    61. 

  61.             </object>
    62. 

  62.             1111111111111111
    63. 

  63.         </p>
    64. 

  64.         <p> 1 2 3 4 5 6 7 78 <a href="http://www.g.cn">我是google</a> 1 1 1 12234 3 45</p>
    65. 

  65.         <p>我是段落 <span style="background-color: red;"> 我是段落 我是段落 </span> 我是段落 <img src="http://img05.taobaocdn.com/tps/i5/T117hGXndsXXXXXXXX-15-13.gif"> 我是段落 我是段落 </p>  <p> 我是段落 我是段落 <br></p>
    66. 

  66.         <p>我是图片 <img style="width: 470px; height: 150px;"
    67. 

  67.                      src="http://img02.taobaocdn.com/tps/i2/T1xjtKXmtrXXXXXXXX-470-150.jpg"
    68. 

  68.                      alt=""></p>
    69. 

  69. 

  70. 

  71.         <p>我是视频优酷</p>
    72. 

  72.         <p>
    73. 

  73.             11111111111111111111
    74. 

  74.             <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="400" width="480">
    75. 

  75.                 <param name="quality" value="high"/>
    76. 

  76.                 <param name="wmode" value="transparent"/>
    77. 

  77.                 <param name="movie" value="http://player.youku.com/player.php/sid/XMjA0MTgwMjIw/v.swf"/>
    78. 

  78.                 <embed height="400"
    79. 

  79.                        wmode="transparent"
    80. 

  80.                        pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://player.youku.com/player.php/sid/XMjA0MTgwMjIw/v.swf" type="application/x-shockwave-flash" width="480"/>
    81. 

  81. 

  82.             </object>
    83. 

  83.             1111111111111111111
    84. 

  84.         </p>
    85. 

  85. 

  86.         <p>我是表格，支持右键</p>
    87. 

  87.         <table style="width: 200px;" border="1" cellpadding="1" cellspacing="1">
    88. 

  88.             <tbody>
    89. 

  89.             <tr>
    90. 

  90.                 <td>1</td>
    91. 

  91.                 <td>2</td>
    92. 

  92.                 <td>3 <span>3.1</span> 3.2 <span>3.3</span></td>
    93. 

  93.             </tr>
    94. 

  94.             <tr>
    95. 

  95.                 <td>4</td>
    96. 

  96.                 <td>5</td>
    97. 

  97.                 <td>6</td>
    98. 

  98.             </tr>
    99. 

  99.             </tbody>
    100. 

  100.         </table>
    101. 

  101. 

  102.         <p>我是段落 <span style="background-color: red;"> 我是段落 我是段落 </span> 我是段落 <img src="http://img05.taobaocdn.com/tps/i5/T117hGXndsXXXXXXXX-15-13.gif"> 我是段落 我是段落 </p>  <p> 我是段落 我是段落 <br></p>
    103. 

  103. 

  104.         <p>我是flash：</p>
    105. 

  105.         <p>
    106. 

  106.             11111111111111
    107. 

  107.             <object class="holiday-logo"
    108. 

  108.                     classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    109. 

  109.                     height="68" width="300">
    110. 

  110.                 <param name="movie"
    111. 

  111.                        value="http://img01.taobaocdn.com/tps/i1/T12MVIXfVNXXXXXXXX.swf"/>
    112. 

  112.                 <param name="wmode" value="transparent"/>
    113. 

  113.                 <object class="holiday-logo"
    114. 

  114.                         data="http://img01.taobaocdn.com/tps/i1/T12MVIXfVNXXXXXXXX.swf"
    115. 

  115.                         height="68" name="holiday-logo"
    116. 

  116.                         type="application/x-shockwave-flash"
    117. 

  117.                         width="300">
    118. 

  118.                     <param name="wmode"
    119. 

  119.                            value="transparent"/>
    120. 

  120.                     <a href="http://www.taobao.com/"
    121. 

  121.                        style="height: 43px; margin-left: 56px;" target="_top">
    122. 

  122.                         淘宝网
    123. 

  123.                         <img alt="淘宝网" height="110" src="http://www.taobao.com/"
    124. 

  124.                              title="Taobao.com - 阿里巴巴旗下网站" width="167"/>
    125. 

  125.                     </a>
    126. 

  126.                 </object>
    127. 

  127.             </object>
    128. 

  128.             111111111111
    129. 

  129.         </p>
    130. 

  130.         <ul>
    131. 

  131.             <li> 我是列表1</li>
    132. 

  132.             <li> 我是列表2
    133. 

  133.                 <ul>
    134. 

  134.                     <li><p>我是列表2.1</p></li>
    135. 

  135.                     <li> 我是列表2.2</li>
    136. 

  136.                     <li> 我是列表2.3</li>
    137. 

  137.                 </ul>
    138. 

  138.             </li>
    139. 

  139.             <li> 我是列表3</li>
    140. 

  140.         </ul>
    141. 

  141.         <p>1</p>
    142. 

  142.         <p>2</p>
    143. 

  143.         <p>3</p>
    144. 

  144.         <p>4</p>
    145. 

  145.         <ul>
    146. 

  146.             <li> 我是列表1</li>
    147. 

  147.             <li> 我是列表2
    148. 

  148.                 <ul>
    149. 

  149.                     <li><p>我是列表2.1</p></li>
    150. 

  150.                     <li> 我是列表2.2</li>
    151. 

  151.                     <li> 我是列表2.3</li>
    152. 

  152.                 </ul>
    153. 

  153.             </li>
    154. 

  154.             <li><p>我是列表3</p></li>
    155. 

  155.         </ul>
    156. 

  156. 

  157.         <p>1</p>
    158. 

  158.         <p>2</p>
    159. 

  159.         <p>3</p>
    160. 

  160.         <p>4</p>
    161. 

  161.     </textarea>
    162. 

  162. 

  163. </div>
    164. 

  164. 

  165. <div style="width: 60%; margin: 50px auto">
    166. 

  166.     <label for="editor2">Editor Instance 2:</label>
    167. 

  167.     <textarea id="editor2" style="width:100%;height:400px;margin:0 auto;"></textarea>
    168. 

  168. </div>
    169. 

  169. 

  170. <script  src="http://a.tbcdn.cn/s/kissy/1.1.5/kissy.js"></script>
    171. 

  171. 

  172. <script  src="../build/editor-core-pkg-advanced-min.js"></script>
    173. 

  173. 

  174. <script  src="../src/plugins/overlay/support/editor/plugin.js"></script>
    175. 

  175. 

  176. <script  src="../src/plugins/dd/plugin.js"></script>
    177. 

  177. 

  178. 

  179. <script  src="../src/plugins/button/plugin.js"></script>
    180. 

  180. <script  src="../src/plugins/select/plugin.js"></script>
    181. 

  181. <script  src="../src/plugins/font/plugin.js"></script>
    182. 

  182. <script  src="../src/plugins/htmldataprocessor/plugin.js"></script>
    183. 

  183. <script  src="../src/plugins/enterkey/plugin.js"></script>
    184. 

  184. <script  src="../src/plugins/clipboard/plugin.js"></script>
    185. 

  185. <script>
    186. 

  186. 

  187. 

  188.     KISSY.ready(function(S) {
    189. 

  189.         // just for test
    190. 

  190.         var base = location.href.replace(/^(.*kissy-editor\/).*$/i, '$1');
    191. 

  191.         S.Config.base = base;
    192. 

  192.         S.use('editor', function() {
    193. 

  193.             var KE = S.Editor;
    194. 

  194.             KE.Config.base = base + "build/";
    195. 

  195.             window.editor = KE("#editor");
    196. 

  196.             editor.use("font");
    197. 

  197.         });
    198. 

  198.     });
    199. 

  199. 

  200. </script>
    201. 

  201. </body>
    202. 

  202. </html>
    203.