opentiny 6.9.0 → 6.9.2

package/src/core/demo/html/sticky_toolbar_demo.html

@@ -1,151 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <title>TinyMCE Sticky Toolbar Demo Page</title>
-</head>
-
-<body>
-<main>
-  <p>
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-  </p>
-  <p>
-    Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-  </p>
-  <p>
-    Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-  </p>
-  <p>
-    Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-  </p>
-  <p>
-    Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-  </p>
-  <p>
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-  </p>
-  <p>
-    Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-  </p>
-  <p>
-    Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-  </p>
-  <p>
-    Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-  </p>
-  <p>
-    Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-  </p>
-  <div class="tinymce"><h1>Inline demo 1</h1><p>I am inline</p><p>I am inline</p><p>I am inline</p><p>I am inline</p><p>I am inline</p></div>
-  <p>
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-  </p>
-  <p>
-    Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-  </p>
-  <p>
-    Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-  </p>
-  <p>
-    Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-  </p>
-  <p>
-    Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-  </p>
-  <h1>Tinymce full featured Page</h1>
-  <div id="ephox-ui">
-      <textarea>
-        <ul><li>... that <a href="/wiki/K2" title="K2">K2</a>, the world's second highest mountain, was first climbed by <a href="/wiki/Achille_Compagnoni" title="Achille Compagnoni">Achille Compagnoni</a> and <a href="/wiki/Lino_Lacedelli" title="Lino Lacedelli">Lino Lacedelli</a> <i>(pictured)</i> on the <b><a href="/wiki/1954_Italian_Karakoram_expedition_to_K2" title="1954 Italian Karakoram expedition to K2">1954 Italian Karakoram expedition</a></b>?</li>
-          <li>... that <b><a href="/wiki/John_W._Kirklin" title="John W. Kirklin">John Kirklin</a></b><span class="nowrap">'s</span> modifications to Gibbon's <a href="/wiki/Cardiopulmonary_bypass" title="Cardiopulmonary bypass">heart–lung machine</a> allowed blood-free surgery on the human heart?</li>
-          <li>... that <i><b><a href="/wiki/Bajadasaurus" title="Bajadasaurus">Bajadasaurus</a></b></i> had elongated neural spines on its neck, thought to have been used to deter predators?</li>
-          <li>... that <b><a href="/wiki/Isaac_Thomas_Shutt" title="Isaac Thomas Shutt">Shutt</a></b> and <b><a href="/wiki/Alfred_Hill_Thompson" title="Alfred Hill Thompson">Thompson</a></b> designed <b><a href="/wiki/Church_of_All_Saints,_Harlow_Hill" title="Church of All Saints, Harlow Hill">All Saints, Harlow Hill</a></b>, with a "circular <a href="/wiki/Bell_tower" title="Bell tower">bell tower</a> reminiscent of <a href="/wiki/Irish_round_tower" title="Irish round tower">Irish bell-houses</a>"?</li>
-          <li>... that the <a href="/wiki/San_Jose_Earthquakes" title="San Jose Earthquakes">San Jose Earthquakes</a> won <b><a href="/wiki/MLS_Cup_2001" title="MLS Cup 2001">MLS Cup 2001</a></b> only one season after finishing at the bottom of the league table?</li>
-          <li>... that <b><a href="/wiki/Penny_Rafferty_Hamilton" title="Penny Rafferty Hamilton">Penny Rafferty Hamilton</a></b> proposed 101 strategies to increase the participation of women in aviation?</li>
-          <li>... that at the <b><a href="/wiki/1176_Cardigan_eisteddfod" title="1176 Cardigan eisteddfod">1176 Cardigan eisteddfod</a></b> in <a href="/wiki/Deheubarth" title="Deheubarth">Deheubarth</a>, Wales, <a href="/wiki/Rhys_ap_Gruffydd" title="Rhys ap Gruffydd">The Lord Rhys</a> awarded chairs as prizes to the winners of the poetry and music competitions?</li>
-          <li>... that Indian theatre actor <b><a href="/wiki/Jahangir_Pestonji_Khambhata" title="Jahangir Pestonji Khambhata">Jahangir Pestonji Khambhata</a></b> wanted to see <a href="/wiki/William_Shakespeare" title="William Shakespeare">Shakespeare</a>'s plays in England, but the ship he boarded went in the other direction?</li>
-      </ul>
-
-      </textarea>
-  </div>
-  <!-- <div class="tinymce">Inline demo</div> -->
-  <script src="../../../../js/tinymce/tinymce.js"></script>
-  <script src="../../../../scratch/demos/core/demo.js"></script>
-
-</main>
-<p>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-</p>
-<p>
-  Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-</p>
-<p>
-  Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-</p>
-<p>
-  Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-</p>
-<p>
-  Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-</p>
-<p>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-</p>
-<p>
-  Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-</p>
-<div class="tinymce"><h1>Inline demo 2</h1><p>I am inline</p><p>I am inline</p><p>I am inline</p><p>I am inline</p><p>I am inline</p></div>
-<p>
-  Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-</p>
-<p>
-  Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-</p>
-<p>
-  Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-</p>
-<p>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-</p>
-<p>
-  Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-</p>
-<p>
-  Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-</p>
-<p>
-  Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-</p>
-<p>
-  Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-</p>
-<p>
-  Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-</p>
-<p>
-  Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-</p>
-<p>
-  Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-</p>
-<p>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id semper purus, non dapibus sem. Vivamus maximus sapien et mi gravida finibus. Vestibulum non lectus quis tellus venenatis dignissim in non nulla. Fusce elit leo, viverra at porta nec, viverra sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In lacus turpis, pharetra ut tellus nec, mattis feugiat nulla. Donec at leo sit amet tortor porttitor fringilla vel ac ipsum. Suspendisse at ultrices justo, vel vulputate odio. Nunc ut enim non nulla sodales sagittis. Aenean vel nibh ac velit finibus cursus nec ut ligula. Vestibulum vel lacus tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-</p>
-<p>
-  Vestibulum faucibus fringilla orci ac commodo. Integer risus ex, pellentesque sit amet dapibus sed, tempus vitae nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras hendrerit lacus vel eleifend lacinia. Vestibulum cursus massa quis nulla blandit dignissim. Nulla facilisis neque libero, eu lacinia massa mollis vel. Nunc tempus, nisi ut tempus maximus, urna tortor porttitor enim, gravida imperdiet risus nisi sed ante. Phasellus vel laoreet arcu.
-</p>
-<p>
-  Aliquam vel lacus sapien. Aenean accumsan, arcu vel cursus sollicitudin, mi turpis rhoncus lectus, dictum commodo metus lectus ut nibh. Vestibulum vulputate convallis nunc, vitae placerat ipsum finibus vitae. Nam orci erat, hendrerit sit amet eros a, venenatis iaculis nunc. Aliquam erat volutpat. Nullam tincidunt quam a feugiat tincidunt. Ut nisl turpis, pretium nec scelerisque vitae, mollis et quam. Phasellus sit amet ex quis augue dignissim vulputate in eget elit.
-</p>
-<p>
-  Maecenas maximus, massa id blandit accumsan, quam risus varius lectus, nec laoreet urna dolor ut nisl. Morbi vel nulla rutrum, sagittis tellus sit amet, aliquam massa. Duis vulputate sagittis est, at pellentesque odio fermentum eu. Nulla id imperdiet justo. Nullam blandit elementum lacinia. Donec dapibus at orci quis tristique. Sed a risus maximus, suscipit tellus auctor, tristique leo. Suspendisse potenti.
-</p>
-<p>
-  Donec ex velit, porttitor sed erat vehicula, ultrices tincidunt libero. Mauris cursus maximus nisl eu congue. Morbi tincidunt imperdiet tincidunt. Vivamus eget nunc accumsan neque pretium ornare sit amet sed purus. Donec aliquam enim laoreet dui varius, a efficitur libero sollicitudin. Proin pellentesque aliquet orci non ultricies. Aliquam erat volutpat. Vestibulum blandit neque venenatis ultrices scelerisque.
-</p>
-<script>
-  demos.StickyToolbarDemo();
-</script>
-</body>
-
-</html>

package/src/core/demo/html/tiny_demo.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <title>Tinymce Demo Page</title>
-  </head>
-  <body>
-  <h2>TinyMCE Demo Page</h2>
-    <div id="ephox-ui"></div>
-    <script src="../../../../js/tinymce/tinymce.js"></script>
-    <script src="../../../../scratch/demos/core/demo.js"></script>
-    <script>demos.TinyMceDemo();</script>
-  </body>
-</html>

package/src/core/demo/html/view_demo.html

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <title>TinyMCE View featured Demo Page</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
-
-<body>
-  <main>
-    <h1>Tinymce full featured Page</h1>
-    <div id="ephox-ui">
-      <textarea>
-        <p>Some content</p>
-      </textarea>
-    </div>
-    <div class="tinymce">Inline demo</div>
-    <script src="../../../../js/tinymce/tinymce.js"></script>
-    <script src="../../../../scratch/demos/core/demo.js"></script>
-    <script>demos.ViewDemo();</script>
-  </main>
-</body>
-
-</html>

package/src/core/demo/ts/demo/AnnotationsDemo.ts

@@ -1,95 +0,0 @@
-import { Fun } from '@ephox/katamari';
-
-import { TinyMCE } from 'tinymce/core/api/PublicApi';
-
-declare let tinymce: TinyMCE;
-
-const contentStyles = `
-.mce-annotation { background-color: lightgreen; }
-[data-mce-annotation-active] { outline: 2px solid red }
-[data-mce-annotation="beta"][data-mce-annotation-active] { background-color: yellow; }
-`;
-
-export default (): void => {
-  tinymce.init({
-    skin_url: '../../../../js/tinymce/skins/ui/oxide',
-    selector: 'div.tinymce',
-    toolbar: 'annotate-alpha get-all-alpha remove-all-alpha remove-alpha',
-    plugins: [ ],
-
-    inline_boundaries: false,
-    height: 400,
-    content_style: contentStyles,
-
-    setup: (editor) => {
-      editor.ui.registry.addButton('annotate-alpha', {
-        text: 'Annotate',
-        onAction: () => {
-          const comment = window.prompt('Comment with?');
-          editor.annotator.annotate('alpha', {
-            comment
-          });
-          editor.focus();
-        },
-        onSetup: (btnApi) => {
-          editor.annotator.annotationChanged('alpha', (state, _name, _obj) => {
-            btnApi.setEnabled(!state);
-          });
-          return Fun.noop;
-        }
-      });
-
-      editor.ui.registry.addButton('get-all-alpha', {
-        text: 'Get all',
-        onAction: () => {
-          // eslint-disable-next-line no-console
-          console.log('annotations', editor.annotator.getAll('alpha'));
-        }
-      });
-
-      editor.ui.registry.addButton('remove-all-alpha', {
-        text: 'Remove all',
-        onAction: () => {
-          editor.annotator.removeAll('alpha');
-          editor.focus();
-        }
-      });
-
-      editor.ui.registry.addButton('remove-alpha', {
-        text: 'Remove closest',
-        onAction: () => {
-          editor.annotator.remove('alpha');
-          editor.focus();
-        },
-        enabled: false,
-        onSetup: (btnApi) => {
-          editor.annotator.annotationChanged('alpha', (state, _name, _obj) => {
-            btnApi.setEnabled(state);
-          });
-          return Fun.noop;
-        }
-      });
-
-      editor.on('init', () => {
-        editor.annotator.register('alpha', {
-          persistent: true,
-          decorate: (_uid, data) => ({
-            attributes: {
-              'data-mce-comment': data.comment ? data.comment : '',
-              'data-mce-author': data.author ? data.author : 'anonymous'
-            }
-          })
-        });
-
-        editor.annotator.register('beta', {
-          persistent: true,
-          decorate: (_uid, _data) => ({
-            attributes: {}
-          })
-        });
-      });
-    },
-
-    menubar: false
-  });
-};

package/src/core/demo/ts/demo/CommandsDemo.ts

@@ -1,114 +0,0 @@
-import { Arr } from '@ephox/katamari';
-import { DomEvent, Html, Insert, SelectorFind, SugarBody, SugarElement } from '@ephox/sugar';
-
-import { TinyMCE } from 'tinymce/core/api/PublicApi';
-
-declare let tinymce: TinyMCE;
-
-export default (): void => {
-  const cmd = (command: string, value?: string | number) => {
-    return { command, value };
-  };
-
-  const commands = [
-    cmd('Bold'),
-    cmd('Italic'),
-    cmd('Underline'),
-    cmd('Strikethrough'),
-    cmd('Superscript'),
-    cmd('Subscript'),
-    cmd('Cut'),
-    cmd('Copy'),
-    cmd('Paste'),
-    cmd('Unlink'),
-    cmd('JustifyLeft'),
-    cmd('JustifyCenter'),
-    cmd('JustifyRight'),
-    cmd('JustifyFull'),
-    cmd('JustifyNone'),
-    cmd('InsertUnorderedList'),
-    cmd('InsertOrderedList'),
-    cmd('ForeColor', 'red'),
-    cmd('HiliteColor', 'green'),
-    cmd('FontName', 'Arial'),
-    cmd('FontSize', 7),
-    cmd('RemoveFormat'),
-    cmd('mceBlockQuote'),
-    cmd('FormatBlock', 'h1'),
-    cmd('mceInsertContent', 'abc'),
-    cmd('mceToggleFormat', 'bold'),
-    cmd('mceSetContent', 'abc'),
-    cmd('Indent'),
-    cmd('Outdent'),
-    cmd('InsertHorizontalRule'),
-    cmd('InsertParagraph'),
-    cmd('mceToggleVisualAid'),
-    cmd('mceInsertLink', 'url'),
-    cmd('selectAll'),
-    cmd('delete'),
-    cmd('mceNewDocument'),
-    cmd('Undo'),
-    cmd('Redo'),
-    cmd('mceAutoResize'),
-    cmd('mceShowCharmap'),
-    cmd('mceCodeEditor'),
-    cmd('mceDirectionLTR'),
-    cmd('mceDirectionRTL'),
-    cmd('mceFullscreen'),
-    cmd('mceImage'),
-    cmd('mceInsertDate'),
-    cmd('mceInsertTime'),
-    cmd('InsertDefinitionList'),
-    cmd('mceNonBreaking'),
-    cmd('mcePageBreak'),
-    cmd('mcePreview'),
-    cmd('mcePrint'),
-    cmd('mceSave'),
-    cmd('SearchReplace'),
-    cmd('mceSpellcheck'),
-    cmd('mceVisualBlocks'),
-    cmd('mceVisualChars'),
-    cmd('mceMedia'),
-    cmd('mceAnchor'),
-    cmd('mceTableSplitCells'),
-    cmd('mceTableMergeCells'),
-    cmd('mceTableInsertRowBefore'),
-    cmd('mceTableInsertRowAfter'),
-    cmd('mceTableInsertColBefore'),
-    cmd('mceTableInsertColAfter'),
-    cmd('mceTableDeleteCol'),
-    cmd('mceTableDeleteRow'),
-    cmd('mceTableCutRow'),
-    cmd('mceTableCopyRow'),
-    cmd('mceTablePasteRowBefore'),
-    cmd('mceTablePasteRowAfter'),
-    cmd('mceTableDelete'),
-    cmd('mceInsertTable'),
-    cmd('mceTableProps'),
-    cmd('mceTableRowProps'),
-    cmd('mceTableCellProps'),
-    cmd('mceEditImage')
-  ];
-
-  const container = SelectorFind.descendant(SugarBody.body(), '#ephox-ui').getOrDie();
-  Arr.each(commands, (cmd) => {
-    const btn = SugarElement.fromTag('button');
-    Html.set(btn, cmd.command);
-    DomEvent.bind(btn, 'click', () => {
-      tinymce.activeEditor?.execCommand(cmd.command, false, cmd.value);
-    });
-    Insert.append(container, btn);
-  });
-
-  tinymce.init({
-    skin_url: '../../../../js/tinymce/skins/ui/oxide',
-    selector: 'textarea.tinymce',
-    plugins: [
-      'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
-      'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code', 'fullscreen', 'insertdatetime', 'media', 'nonbreaking',
-      'save', 'table', 'directionality', 'emoticons', 'importcss', 'codesample'
-    ],
-    toolbar1: 'bold italic',
-    menubar: false
-  });
-};

package/src/core/demo/ts/demo/ContentEditableFalseDemo.ts

@@ -1,88 +0,0 @@
-/* eslint-disable no-console */
-import { Global } from '@ephox/katamari';
-
-import { Editor, TinyMCE } from 'tinymce/core/api/PublicApi';
-import CaretPosition from 'tinymce/core/caret/CaretPosition';
-
-declare const tinymce: TinyMCE;
-
-export default (): void => {
-
-  const isTextNode = (node: Node): node is Text =>
-    node.nodeType === 3;
-
-  const paintClientRect = (rect: DOMRect, color: string, id: string) => {
-    const editor = tinymce.activeEditor as Editor;
-    const dom = editor.dom;
-    const viewPort = editor.dom.getViewPort();
-
-    if (!rect) {
-      return;
-    }
-
-    color = color || 'red';
-    let rectDiv = dom.get(id || color);
-
-    if (!rectDiv) {
-      rectDiv = dom.add(editor.getBody(), 'div');
-    }
-
-    dom.setAttrib(rectDiv, 'id', id);
-    dom.setStyles(rectDiv, {
-      position: 'absolute',
-      left: (rect.left + viewPort.x) + 'px',
-      top: (rect.top + viewPort.y) + 'px',
-      width: (rect.width || 1) + 'px',
-      height: rect.height + 'px',
-      background: color,
-      opacity: 0.8
-    });
-  };
-
-  const paintClientRects = (rects: DOMRect[], color: string) => {
-    tinymce.each(rects, (rect, index) => {
-      paintClientRect(rect, color, color + index);
-    });
-  };
-
-  const logPos = (caretPosition: CaretPosition) => {
-    const container = caretPosition.container(),
-      offset = caretPosition.offset();
-
-    if (isTextNode(container)) {
-      if (container.data[offset]) {
-        console.log(container.data[offset]);
-      } else {
-        console.log('<end of text node>');
-      }
-    } else {
-      console.log(container, offset, caretPosition.getNode());
-    }
-  };
-
-  Global.paintClientRect = paintClientRect;
-  Global.paintClientRects = paintClientRects;
-  Global.logPos = logPos;
-
-  tinymce.init({
-    selector: 'textarea.tinymce',
-    skin_url: '../../../../js/tinymce/skins/ui/oxide',
-    add_unload_trigger: false,
-    toolbar: 'insertfile undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify' +
-    ' | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons table codesample',
-    plugins: [ 'code' ],
-    content_css: '../css/content_editable.css',
-    height: 400
-  });
-
-  tinymce.init({
-    selector: 'div.tinymce',
-    inline: true,
-    skin_url: '../../../../js/tinymce/skins/ui/oxide',
-    add_unload_trigger: false,
-    toolbar: 'insertfile undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify' +
-    ' | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons table codesample',
-    plugins: [ 'code' ],
-    content_css: '../css/content_editable.css'
-  });
-};

package/src/core/demo/ts/demo/ContentSecurityPolicyDemo.ts

@@ -1,132 +0,0 @@
-/* eslint-disable no-console */
-import { Merger } from '@ephox/katamari';
-import { Css, SugarElement } from '@ephox/sugar';
-
-import { Editor, RawEditorOptions, TinyMCE } from 'tinymce/core/api/PublicApi';
-
-declare let tinymce: TinyMCE;
-
-const makeSidebar = (ed: Editor, name: string, background: string, width: number) => {
-  ed.ui.registry.addSidebar(name, {
-    icon: 'comment',
-    tooltip: 'Tooltip for ' + name,
-    onSetup: (api) => {
-      console.log('onSetup ' + name);
-      const box = SugarElement.fromTag('div');
-      Css.setAll(box, {
-        width: width + 'px',
-        background
-      });
-      api.element().appendChild(box.dom);
-      return () => {
-        api.element().removeChild(box.dom);
-      };
-    },
-    onShow: (_api) => {
-      console.log('onShow ' + name);
-    },
-    onHide: (_api) => {
-      console.log('onHide ' + name);
-    }
-  });
-};
-
-const settings: RawEditorOptions = {
-  skin_url: '../../../../js/tinymce/skins/ui/oxide',
-  content_css: '../../../../js/tinymce/skins/content/default/content.css',
-  images_upload_url: 'd',
-  selector: 'textarea',
-  // rtl_ui: true,
-  link_list: [
-    { title: 'My page 1', value: 'http://www.tinymce.com' },
-    { title: 'My page 2', value: 'http://www.moxiecode.com' }
-  ],
-  image_list: [
-    { title: 'My page 1', value: 'http://www.tinymce.com' },
-    { title: 'My page 2', value: 'http://www.moxiecode.com' }
-  ],
-  image_class_list: [
-    { title: 'None', value: '' },
-    { title: 'Some class', value: 'class-name' }
-  ],
-  importcss_append: true,
-  height: 400,
-  image_advtab: true,
-  file_picker_callback: (callback, _value, meta) => {
-    if (meta.fieldname === 'poster') {
-      callback('test.mp4', { altsource: 'blah.ogg', width: '400px', poster: 'testing.jpg', embed: '<p>test</p>' });
-      return;
-    }
-    // Provide file and text for the link dialog
-    if (meta.filetype === 'file') {
-      callback('https://www.google.com/logos/google.jpg', { text: 'My text', title: 'blah' });
-    }
-
-    // Provide image and alt text for the image dialog
-    if (meta.filetype === 'image') {
-      // tslint:disable-next-line: no-debugger
-      callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text', style: 'border: 10px solid black;' });
-    }
-
-    // Provide alternative source and posted for the media dialog
-    if (meta.filetype === 'media') {
-      callback('movie.mp4', { embed: '<p>test</p>' });
-    }
-  },
-  image_caption: true,
-  theme: 'silver',
-  setup: (ed) => {
-    makeSidebar(ed, 'sidebar1', 'green', 200);
-  },
-  plugins: [
-    'autosave', 'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
-    'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code', 'fullscreen', 'insertdatetime', 'media', 'nonbreaking',
-    'save', 'table', 'directionality', 'emoticons', 'importcss', 'codesample', 'help'
-  ],
-  // rtl_ui: true,
-  add_unload_trigger: false,
-  autosave_ask_before_unload: false,
-  toolbar: 'undo redo sidebar1 align fontsize fontfamily blocks styles insertfile | styles | bold italic | alignleft aligncenter alignright alignjustify | ' +
-  'bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons table codesample code | ltr rtl | fullscreen',
-
-  // Multiple toolbar array
-  // toolbar: ['undo redo sidebar1 align fontsize insertfile | fontfamily blocks styles insertfile | styles | bold italic',
-  // 'alignleft aligncenter alignright alignjustify | print preview media | forecolor backcolor emoticons table codesample code | ltr rtl',
-  // 'bullist numlist outdent indent | link image'],
-
-  // Toolbar<n>
-  // toolbar1: 'undo redo sidebar1 align fontsize insertfile | fontfamily blocks styles insertfile | styles | bold italic',
-  // toolbar2: 'alignleft aligncenter alignright alignjustify | print preview media | forecolor backcolor emoticons table codesample code | ltr rtl',
-  // toolbar3: 'bullist numlist outdent indent | link image',
-
-  // Toolbar with group names
-  // toolbar: [
-  //   {
-  //     name: 'history', items: [ 'undo', 'redo' ]
-  //   },
-  //   {
-  //     name: 'styles', items: [ 'styles' ]
-  //   },
-  //   {
-  //     name: 'formatting', items: [ 'bold', 'italic']
-  //   },
-  //   {
-  //     name: 'alignment', items: [ 'alignleft', 'aligncenter', 'alignright', 'alignjustify' ]
-  //   },
-  //   {
-  //     name: 'indentation', items: [ 'outdent', 'indent' ]
-  //   },
-  //   {
-  //     name: 'permanent pen', items: [ 'permanentpen' ]
-  //   },
-  //   {
-  //     name: 'comments', items: [ 'addcomment' ]
-  //   }
-  // ],
-  toolbar_mode: 'floating',
-  emoticons_database_url: '/src/plugins/emoticons/main/js/emojis.js',
-  resize_img_proportional: true
-};
-
-tinymce.init(settings);
-tinymce.init(Merger.deepMerge(settings, { inline: true, selector: 'div.tinymce' }));