Home Verkennen Help
Registreren Inloggen
ushio
/
video_system
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: a60459448c
Aftakkingen Labels
video_system
/
public
/
froala_editor
/
html
/
toolbar
/
offset.html

offset.html 20 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5.   <meta charset="utf-8">
    6. 

  6.   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />
    7. 

  7.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
    8. 

  8.   <link rel="stylesheet" href="../../css/froala_editor.css">
    9. 

  9.   <link rel="stylesheet" href="../../css/froala_style.css">
    10. 

  10.   <link rel="stylesheet" href="../../css/plugins/code_view.css">
    11. 

  11.   <link rel="stylesheet" href="../../css/plugins/colors.css">
    12. 

  12.   <link rel="stylesheet" href="../../css/plugins/emoticons.css">
    13. 

  13.   <link rel="stylesheet" href="../../css/plugins/image_manager.css">
    14. 

  14.   <link rel="stylesheet" href="../../css/plugins/image.css">
    15. 

  15.   <link rel="stylesheet" href="../../css/plugins/line_breaker.css">
    16. 

  16.   <link rel="stylesheet" href="../../css/plugins/table.css">
    17. 

  17.   <link rel="stylesheet" href="../../css/plugins/char_counter.css">
    18. 

  18.   <link rel="stylesheet" href="../../css/plugins/video.css">
    19. 

  19.   <link rel="stylesheet" href="../../css/plugins/fullscreen.css">
    20. 

  20.   <link rel="stylesheet" href="../../css/plugins/file.css">
    21. 

  21.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">
    22. 

  22. 

  23.   <style>
    24. 

  24.     body {
    25. 

  25.       text-align: center;
    26. 

  26.     }
    27. 

  27. 

  28.     div#editor {
    29. 

  29.       width: 81%;
    30. 

  30.       margin: auto;
    31. 

  31.       text-align: left;
    32. 

  32.     }
    33. 

  33. 

  34.     header {
    35. 

  35.       background: #efefef;
    36. 

  36.       height: 100px;
    37. 

  37.       position: fixed;
    38. 

  38.       top: 0;
    39. 

  39.       left: 0;
    40. 

  40.       right: 0;
    41. 

  41.       z-index: 10;
    42. 

  42.       text-align: center;
    43. 

  43.     }
    44. 

  44.   </style>
    45. 

  45. </head>
    46. 

  46. 

  47. <body>
    48. 

  48.   <div id="editor">
    49. 

  49.     <header>
    50. 

  50.       <h2>Header</h2>
    51. 

  51.     </header>
    52. 

  52. 

  53.     <div id='edit' style="margin-top: 200px;">
    54. 

  54.       <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="200" />
    55. 

  55. 

  56.       <h1>Toolbar with Offset</h1>
    57. 

  57. 

  58.       <p>The <a href="https://www.froala.com/wysiwyg-editor/v2.0/docs/options#toolbarStickyOffset"
    59. 

  59.           title="toolbarStickyOffset option" target="_blank">toolbarStickyOffset</a> option is useful if you have
    60. 

  60.         <code>toolbarSticky: true</code> and you need the toolbar not to go all the way to the top of the page. E.g. you
    61. 

  61.         have a sticky header on the page and the editor's toolbar should remain below the header.</p>
    62. 

  62. 

  63.       <a href="http://google.com" title="Aenean sed hendrerit">Aenean sed hendrerit</a> velit. Nullam eu mi dolor.
    64. 

  64.       Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem
    65. 

  65.       tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies
    66. 

  66.       eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat.
    67. 

  67.       Nulla tincidunt porta <strong>vehicula.</strong><br />
    68. 

  68.     </div>
    69. 

  69. 

  70.     <p><strong>This is some dummy text so you can see the sticky toolbar in action together with the toolbat
    71. 

  71.         offset.</strong></p>
    72. 

  72. 

  73.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
    74. 

  74.     eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec
    75. 

  75.     purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis
    76. 

  76.     est sed porttitor. Duis in nisi felis.
    77. 

  77. 

  78.     Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget
    79. 

  79.     nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque
    80. 

  80.     tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante
    81. 

  81.     non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero
    82. 

  82.     laoreet libero, in vestibulum arcu velit at velit.
    83. 

  83. 

  84.     Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices.
    85. 

  85.     Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus,
    86. 

  86.     ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia
    87. 

  87.     aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla
    88. 

  88.     ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus
    89. 

  89.     tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet
    90. 

  90.     egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet
    91. 

  91.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    92. 

  92. 

  93.     Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit
    94. 

  94.     amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum.
    95. 

  95.     Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros.
    96. 

  96.     Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus
    97. 

  97.     lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel
    98. 

  98.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    99. 

  99. 

  100.     Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem
    101. 

  101.     ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo
    102. 

  102.     libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
    103. 

  103.     per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at
    104. 

  104.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    105. 

  105.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
    106. 

  106.     eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec
    107. 

  107.     purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis
    108. 

  108.     est sed porttitor. Duis in nisi felis.
    109. 

  109. 

  110.     Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget
    111. 

  111.     nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque
    112. 

  112.     tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante
    113. 

  113.     non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero
    114. 

  114.     laoreet libero, in vestibulum arcu velit at velit.
    115. 

  115. 

  116.     Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices.
    117. 

  117.     Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus,
    118. 

  118.     ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia
    119. 

  119.     aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla
    120. 

  120.     ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus
    121. 

  121.     tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet
    122. 

  122.     egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet
    123. 

  123.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    124. 

  124. 

  125.     Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit
    126. 

  126.     amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum.
    127. 

  127.     Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros.
    128. 

  128.     Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus
    129. 

  129.     lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel
    130. 

  130.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    131. 

  131. 

  132.     Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem
    133. 

  133.     ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo
    134. 

  134.     libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
    135. 

  135.     per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at
    136. 

  136.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    137. 

  137.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
    138. 

  138.     eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec
    139. 

  139.     purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis
    140. 

  140.     est sed porttitor. Duis in nisi felis.
    141. 

  141. 

  142.     Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget
    143. 

  143.     nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque
    144. 

  144.     tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante
    145. 

  145.     non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero
    146. 

  146.     laoreet libero, in vestibulum arcu velit at velit.
    147. 

  147. 

  148.     Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices.
    149. 

  149.     Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus,
    150. 

  150.     ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia
    151. 

  151.     aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla
    152. 

  152.     ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus
    153. 

  153.     tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet
    154. 

  154.     egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet
    155. 

  155.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    156. 

  156. 

  157.     Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit
    158. 

  158.     amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum.
    159. 

  159.     Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros.
    160. 

  160.     Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus
    161. 

  161.     lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel
    162. 

  162.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    163. 

  163. 

  164.     Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem
    165. 

  165.     ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo
    166. 

  166.     libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
    167. 

  167.     per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at
    168. 

  168.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    169. 

  169.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
    170. 

  170.     eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec
    171. 

  171.     purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis
    172. 

  172.     est sed porttitor. Duis in nisi felis.
    173. 

  173. 

  174.     Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget
    175. 

  175.     nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque
    176. 

  176.     tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante
    177. 

  177.     non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero
    178. 

  178.     laoreet libero, in vestibulum arcu velit at velit.
    179. 

  179. 

  180.     Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices.
    181. 

  181.     Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus,
    182. 

  182.     ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia
    183. 

  183.     aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla
    184. 

  184.     ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus
    185. 

  185.     tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet
    186. 

  186.     egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet
    187. 

  187.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    188. 

  188. 

  189.     Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit
    190. 

  190.     amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum.
    191. 

  191.     Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros.
    192. 

  192.     Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus
    193. 

  193.     lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel
    194. 

  194.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    195. 

  195. 

  196.     Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem
    197. 

  197.     ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo
    198. 

  198.     libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
    199. 

  199.     per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at
    200. 

  200.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    201. 

  201.     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus
    202. 

  202.     eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec
    203. 

  203.     purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis
    204. 

  204.     est sed porttitor. Duis in nisi felis.
    205. 

  205. 

  206.     Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget
    207. 

  207.     nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque
    208. 

  208.     tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante
    209. 

  209.     non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero
    210. 

  210.     laoreet libero, in vestibulum arcu velit at velit.
    211. 

  211. 

  212.     Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices.
    213. 

  213.     Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus,
    214. 

  214.     ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia
    215. 

  215.     aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla
    216. 

  216.     ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus
    217. 

  217.     tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet
    218. 

  218.     egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet
    219. 

  219.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    220. 

  220. 

  221.     Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit
    222. 

  222.     amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum.
    223. 

  223.     Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros.
    224. 

  224.     Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus
    225. 

  225.     lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel
    226. 

  226.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    227. 

  227. 

  228.     Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem
    229. 

  229.     ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo
    230. 

  230.     libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
    231. 

  231.     per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at
    232. 

  232.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    233. 

  233.   </div>
    234. 

  234. 

  235.   <script type="text/javascript"
    236. 

  236.     src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
    237. 

  237.   <script type="text/javascript"
    238. 

  238.     src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
    239. 

  239.   <script type="text/javascript" src="../../js/froala_editor.min.js"></script>
    240. 

  240.   <script type="text/javascript" src="../../js/plugins/align.min.js"></script>
    241. 

  241.   <script type="text/javascript" src="../../js/plugins/code_beautifier.min.js"></script>
    242. 

  242.   <script type="text/javascript" src="../../js/plugins/code_view.min.js"></script>
    243. 

  243.   <script type="text/javascript" src="../../js/plugins/colors.min.js"></script>
    244. 

  244.   <script type="text/javascript" src="../../js/plugins/draggable.min.js"></script>
    245. 

  245.   <script type="text/javascript" src="../../js/plugins/emoticons.min.js"></script>
    246. 

  246.   <script type="text/javascript" src="../../js/plugins/font_size.min.js"></script>
    247. 

  247.   <script type="text/javascript" src="../../js/plugins/font_family.min.js"></script>
    248. 

  248.   <script type="text/javascript" src="../../js/plugins/image.min.js"></script>
    249. 

  249.   <script type="text/javascript" src="../../js/plugins/file.min.js"></script>
    250. 

  250.   <script type="text/javascript" src="../../js/plugins/image_manager.min.js"></script>
    251. 

  251.   <script type="text/javascript" src="../../js/plugins/line_breaker.min.js"></script>
    252. 

  252.   <script type="text/javascript" src="../../js/plugins/link.min.js"></script>
    253. 

  253.   <script type="text/javascript" src="../../js/plugins/lists.min.js"></script>
    254. 

  254.   <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script>
    255. 

  255.   <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script>
    256. 

  256.   <script type="text/javascript" src="../../js/plugins/video.min.js"></script>
    257. 

  257.   <script type="text/javascript" src="../../js/plugins/table.min.js"></script>
    258. 

  258.   <script type="text/javascript" src="../../js/plugins/url.min.js"></script>
    259. 

  259.   <script type="text/javascript" src="../../js/plugins/entities.min.js"></script>
    260. 

  260.   <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script>
    261. 

  261.   <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script>
    262. 

  262.   <script type="text/javascript" src="../../js/plugins/save.min.js"></script>
    263. 

  263.   <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script>
    264. 

  264.   <script type="text/javascript" src="../../js/plugins/quote.min.js"></script>
    265. 

  265. 

  266.   <script>
    267. 

  267.     (function () {
    268. 

  268.       new FroalaEditor("#edit", {
    269. 

  269.         toolbarStickyOffset: 100
    270. 

  270.       })
    271. 

  271.     })()
    272. 

  272.   </script>
    273. 

  273. </body>
    274. 

  274. 

  275. </html>
    276.