Home Explore Help
Register Sign In
oleg
/
monaco-editor
mirror of https://github.com/microsoft/monaco-editor.git
1
0
Fork 0
Files Issues 0 Wiki
Branch: rzhao271/use-npm
Branches Tags
monaco-editor
/
test
/
manual
/
mouse-scrollable-element.html

mouse-scrollable-element.html 12 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    5. 

  5. 		<style type="text/css">
    6. 

  6. 			#editor {
    7. 

  7. 				position: relative;
    8. 

  8. 				left: 500px;
    9. 

  9. 				top: 20px;
    10. 

  10. 				width: 600px;
    11. 

  11. 				height: 400px;
    12. 

  12. 				border: 1px solid #ccc;
    13. 

  13. 			}
    14. 

  14. 		</style>
    15. 

  15. 	</head>
    16. 

  16. 

  17. 	<body>
    18. 

  18. 		<p>
    19. 

  19. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    20. 

  20. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    21. 

  21. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    22. 

  22. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    23. 

  23. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    24. 

  24. 		</p>
    25. 

  25. 		<p>
    26. 

  26. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    27. 

  27. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    28. 

  28. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    29. 

  29. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    30. 

  30. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    31. 

  31. 		</p>
    32. 

  32. 		<p>
    33. 

  33. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    34. 

  34. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    35. 

  35. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    36. 

  36. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    37. 

  37. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    38. 

  38. 		</p>
    39. 

  39. 		<p>
    40. 

  40. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    41. 

  41. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    42. 

  42. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    43. 

  43. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    44. 

  44. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    45. 

  45. 		</p>
    46. 

  46. 		<p>
    47. 

  47. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    48. 

  48. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    49. 

  49. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    50. 

  50. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    51. 

  51. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    52. 

  52. 		</p>
    53. 

  53. 		<p>
    54. 

  54. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    55. 

  55. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    56. 

  56. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    57. 

  57. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    58. 

  58. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    59. 

  59. 		</p>
    60. 

  60. 		<p>
    61. 

  61. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    62. 

  62. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    63. 

  63. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    64. 

  64. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    65. 

  65. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    66. 

  66. 		</p>
    67. 

  67. 		<p>
    68. 

  68. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    69. 

  69. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    70. 

  70. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    71. 

  71. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    72. 

  72. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    73. 

  73. 		</p>
    74. 

  74. 		<p>
    75. 

  75. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    76. 

  76. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    77. 

  77. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    78. 

  78. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    79. 

  79. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    80. 

  80. 		</p>
    81. 

  81. 		<p>
    82. 

  82. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    83. 

  83. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    84. 

  84. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    85. 

  85. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    86. 

  86. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    87. 

  87. 		</p>
    88. 

  88. 		<p>
    89. 

  89. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    90. 

  90. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    91. 

  91. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    92. 

  92. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    93. 

  93. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    94. 

  94. 		</p>
    95. 

  95. 		<p>
    96. 

  96. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    97. 

  97. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    98. 

  98. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    99. 

  99. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    100. 

  100. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    101. 

  101. 		</p>
    102. 

  102. 		<p>
    103. 

  103. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    104. 

  104. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    105. 

  105. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    106. 

  106. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    107. 

  107. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    108. 

  108. 		</p>
    109. 

  109. 		<p>
    110. 

  110. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    111. 

  111. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    112. 

  112. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    113. 

  113. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    114. 

  114. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    115. 

  115. 		</p>
    116. 

  116. 		<p>
    117. 

  117. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    118. 

  118. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    119. 

  119. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    120. 

  120. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    121. 

  121. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    122. 

  122. 		</p>
    123. 

  123. 		<p>
    124. 

  124. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    125. 

  125. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    126. 

  126. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    127. 

  127. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    128. 

  128. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    129. 

  129. 		</p>
    130. 

  130. 		<p>
    131. 

  131. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    132. 

  132. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    133. 

  133. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    134. 

  134. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    135. 

  135. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    136. 

  136. 		</p>
    137. 

  137. 		<p>
    138. 

  138. 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
    139. 

  139. 			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    140. 

  140. 			laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    141. 

  141. 			voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    142. 

  142. 			non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    143. 

  143. 		</p>
    144. 

  144. 

  145. 		<div style="height: 500px; overflow: scroll">
    146. 

  146. 			<p>
    147. 

  147. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    148. 

  148. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    149. 

  149. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    150. 

  150. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    151. 

  151. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    152. 

  152. 			</p>
    153. 

  153. 			<p>
    154. 

  154. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    155. 

  155. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    156. 

  156. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    157. 

  157. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    158. 

  158. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    159. 

  159. 			</p>
    160. 

  160. 			<p>
    161. 

  161. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    162. 

  162. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    163. 

  163. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    164. 

  164. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    165. 

  165. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    166. 

  166. 			</p>
    167. 

  167. 			<p>
    168. 

  168. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    169. 

  169. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    170. 

  170. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    171. 

  171. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    172. 

  172. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    173. 

  173. 			</p>
    174. 

  174. 			<p>
    175. 

  175. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    176. 

  176. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    177. 

  177. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    178. 

  178. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    179. 

  179. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    180. 

  180. 			</p>
    181. 

  181. 			<p>
    182. 

  182. 				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
    183. 

  183. 				ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    184. 

  184. 				laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    185. 

  185. 				voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    186. 

  186. 				cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    187. 

  187. 			</p>
    188. 

  188. 

  189. 			<div id="editor"></div>
    190. 

  190. 		</div>
    191. 

  191. 

  192. 		<div style="clear: both"></div>
    193. 

  193. 

  194. 		<script src="dev-setup.js"></script>
    195. 

  195. 		<script>
    196. 

  196. 			loadEditor(function () {
    197. 

  197. 				monaco.editor.create(document.getElementById('editor'), {
    198. 

  198. 					value: document.documentElement.innerHTML,
    199. 

  199. 					language: 'xml'
    200. 

  200. 				});
    201. 

  201. 			});
    202. 

  202. 		</script>
    203. 

  203. 	</body>
    204. 

  204. </html>
    205.