Accueil Explorer Aide
S'inscrire Connexion
ushio
/
video_system
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: a60459448c
Branches Tags
video_system
/
public
/
froala_editor
/
html
/
toolbar
/
sticky.html

sticky.html 21 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286 
  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.   </style>
    34. 

  34. </head>
    35. 

  35. 

  36. <body>
    37. 

  37.   <div id="editor">
    38. 

  38.     <div id='edit' style="margin-top: 30px;">
    39. 

  39.       <h1>Sticky Toolbar</h1>
    40. 

  40. 

  41.       <p>This is the full featured Froala WYSIWYG HTML editor with Sticky Toolbar.</p>
    42. 

  42. 

  43.       <img class="fr-fir fr-dii" src="../../img/photo1.jpg" alt="Old Clock" width="300" />Lorem <strong>ipsum</strong>
    44. 

  44.       dolor sit amet, consectetur <strong>adipiscing <em>elit.</em> Donec</strong> facilisis diam in odio iaculis
    45. 

  45.       blandit. Nunc eu mauris sit amet purus <strong>viverra</strong><em> gravida</em> ut a dui.<br />
    46. 

  46.       <ul>
    47. 

  47.         <li>Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim
    48. 

  48.           nunc.</li>
    49. 

  49.         <li>Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero
    50. 

  50.           sit amet eros. Vestibulum a rhoncus felis.<ol>
    51. 

  51.             <li>Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna
    52. 

  52.               mattis fermentum.</li>
    53. 

  53.             <li>Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor
    54. 

  54.               quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est
    55. 

  55.               quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.</li>
    56. 

  56.           </ol>
    57. 

  57.         </li>
    58. 

  58.       </ul>
    59. 

  59. 

  60.       <table style="width: 100%;">
    61. 

  61.         <tr>
    62. 

  62.           <td style="width: 25%;"></td>
    63. 

  63.           <td style="width: 25%;"></td>
    64. 

  64.           <td style="width: 25%;"></td>
    65. 

  65.           <td style="width: 25%;"></td>
    66. 

  66.         </tr>
    67. 

  67.         <tr>
    68. 

  68.           <td style="width: 25%;"></td>
    69. 

  69.           <td style="width: 25%;"></td>
    70. 

  70.           <td style="width: 25%;"></td>
    71. 

  71.           <td style="width: 25%;"></td>
    72. 

  72.         </tr>
    73. 

  73.       </table>
    74. 

  74. 

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

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

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

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

  79.       Nulla tincidunt porta <strong>vehicula.</strong><br />
    80. 

  80.     </div>
    81. 

  81. 

  82.     <p><strong>This is some dummy text so you can see the sticky toolbar in action.</strong></p>
    83. 

  83. 

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

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

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

  87.     est sed porttitor. Duis in nisi felis.
    88. 

  88. 

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

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

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

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

  93.     laoreet libero, in vestibulum arcu velit at velit.
    94. 

  94. 

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

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

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

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

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

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

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

  102.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    103. 

  103. 

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

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

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

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

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

  109.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    110. 

  110. 

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

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

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

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

  115.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    116. 

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

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

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

  119.     est sed porttitor. Duis in nisi felis.
    120. 

  120. 

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

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

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

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

  125.     laoreet libero, in vestibulum arcu velit at velit.
    126. 

  126. 

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

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

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

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

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

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

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

  134.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    135. 

  135. 

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

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

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

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

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

  141.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    142. 

  142. 

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

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

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

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

  147.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    148. 

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

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

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

  151.     est sed porttitor. Duis in nisi felis.
    152. 

  152. 

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

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

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

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

  157.     laoreet libero, in vestibulum arcu velit at velit.
    158. 

  158. 

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

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

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

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

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

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

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

  166.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    167. 

  167. 

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

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

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

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

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

  173.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    174. 

  174. 

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

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

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

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

  179.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    180. 

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

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

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

  183.     est sed porttitor. Duis in nisi felis.
    184. 

  184. 

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

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

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

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

  189.     laoreet libero, in vestibulum arcu velit at velit.
    190. 

  190. 

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

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

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

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

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

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

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

  198.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    199. 

  199. 

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

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

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

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

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

  205.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    206. 

  206. 

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

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

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

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

  211.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    212. 

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

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

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

  215.     est sed porttitor. Duis in nisi felis.
    216. 

  216. 

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

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

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

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

  221.     laoreet libero, in vestibulum arcu velit at velit.
    222. 

  222. 

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

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

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

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

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

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

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

  230.     accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat.
    231. 

  231. 

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

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

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

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

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

  237.     dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu.
    238. 

  238. 

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

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

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

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

  243.     turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis.
    244. 

  244.   </div>
    245. 

  245. 

  246.   <script type="text/javascript"
    247. 

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

  248.   <script type="text/javascript"
    249. 

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

  250. 

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

  252. 

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

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

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

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

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

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

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

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

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

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

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

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

  265.   <script type="text/javascript" src="../../js/plugins/link.min.js"></script>
    266. 

  266.   <script type="text/javascript" src="../../js/plugins/lists.min.js"></script>
    267. 

  267.   <script type="text/javascript" src="../../js/plugins/paragraph_format.min.js"></script>
    268. 

  268.   <script type="text/javascript" src="../../js/plugins/paragraph_style.min.js"></script>
    269. 

  269.   <script type="text/javascript" src="../../js/plugins/video.min.js"></script>
    270. 

  270.   <script type="text/javascript" src="../../js/plugins/table.min.js"></script>
    271. 

  271.   <script type="text/javascript" src="../../js/plugins/url.min.js"></script>
    272. 

  272.   <script type="text/javascript" src="../../js/plugins/entities.min.js"></script>
    273. 

  273.   <script type="text/javascript" src="../../js/plugins/char_counter.min.js"></script>
    274. 

  274.   <script type="text/javascript" src="../../js/plugins/inline_style.min.js"></script>
    275. 

  275.   <script type="text/javascript" src="../../js/plugins/save.min.js"></script>
    276. 

  276.   <script type="text/javascript" src="../../js/plugins/fullscreen.min.js"></script>
    277. 

  277.   <script type="text/javascript" src="../../js/plugins/quote.min.js"></script>
    278. 

  278. 

  279.   <script>
    280. 

  280.     (function () {
    281. 

  281.       new FroalaEditor("#edit")
    282. 

  282.     })()
    283. 

  283.   </script>
    284. 

  284. </body>
    285. 

  285. 

  286. </html>
    287.