Ticket #14760: test_scrollIntoView.html

File test_scrollIntoView.html, 8.3 KB (added by David Pidcock, 4 years ago)

Minimum test example

Line 
1<html>
2  <head>
3    <script src="https://cdn.ckeditor.com/4.5.10/full/ckeditor.js"></script>
4  </head>
5  <script>
6    var editor;
7
8    function scroll() {
9      var selection = editor.getSelection();
10      selection.scrollIntoView();
11    }
12  </script>
13
14  <body>
15    <button onclick="scroll()">
16      Select something and hit this button
17    </button>
18
19    <div>
20      <textarea id="editor">
21        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna ipsum, ullamcorper vitae maximus eget, scelerisque ut ex. Nunc tempus neque orci, ac ullamcorper ligula efficitur eu. Mauris molestie, orci eu vestibulum tristique, elit purus blandit sapien, ultricies efficitur lectus erat ut felis. Morbi tempor sagittis dui, et fermentum lorem interdum sed. Integer a pellentesque turpis. Nulla a dignissim tellus. Fusce pharetra lectus orci, eget faucibus arcu facilisis nec. Nunc varius leo orci, a efficitur sem hendrerit id. Phasellus tempor, dolor ut porta viverra, risus dolor placerat leo, eu semper dolor mauris eget elit. Duis augue ex, mattis quis ullamcorper sit amet, luctus quis nulla. Phasellus in orci at risus pretium hendrerit. Sed non tellus augue. Phasellus ornare vehicula mi viverra hendrerit. Fusce quis lorem nunc. Praesent accumsan congue augue. Donec nisi libero, faucibus semper velit nec, vestibulum ornare urna. Praesent sodales turpis magna, eget gravida eros lobortis quis. Donec ac consequat sapien. Donec gravida neque eget purus condimentum venenatis ac ac nunc. Vestibulum bibendum mi eu pulvinar luctus. Aenean sit amet gravida nulla. Phasellus ac neque pharetra, porttitor ipsum non, maximus nunc. Vivamus vestibulum nibh at suscipit placerat. Suspendisse vitae commodo tortor, id rhoncus magna. Aliquam efficitur lacinia est, sit amet dignissim ante fermentum eu. Suspendisse faucibus, diam accumsan dapibus convallis, massa elit malesuada leo, et iaculis tellus magna at dui. Pellentesque commodo neque ligula. Fusce semper, quam et ullamcorper interdum, tortor elit tempus sapien, in consectetur ipsum metus eget lacus. Nunc nisi metus, blandit vitae elit ut, imperdiet consectetur orci. Proin eros ex, volutpat id orci finibus, tempus eleifend lacus. Maecenas vehicula leo vitae nunc mollis porttitor. Donec sit amet arcu eu velit pellentesque mattis. Curabitur vel est elit. Etiam quis eros vel massa consectetur molestie. Nulla facilisi. Duis scelerisque tortor augue, at sodales neque commodo nec. Curabitur scelerisque libero diam, ut aliquet mauris pellentesque et. Nunc facilisis mollis varius. Praesent nisl magna, feugiat ac ex ut, volutpat faucibus ligula. Donec hendrerit ut orci a molestie. Maecenas eget laoreet sapien. Nunc vel sem eget velit sagittis maximus. Sed urna sem, ornare eu bibendum nec, vulputate dignissim quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque iaculis in odio quis malesuada. Maecenas tincidunt eget quam a consequat. In condimentum congue lacinia. Donec non lorem mollis, vehicula enim ac, rhoncus massa. Cras tortor lectus, consequat quis lacus ac, scelerisque pellentesque erat. Aliquam erat volutpat. Sed semper eleifend risus pharetra ullamcorper. Vestibulum consectetur dictum enim non placerat. Nunc eu felis at libero molestie semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna ipsum, ullamcorper vitae maximus eget, scelerisque ut ex. Nunc tempus neque orci, ac ullamcorper ligula efficitur eu. Mauris molestie, orci eu vestibulum tristique, elit purus blandit sapien, ultricies efficitur lectus erat ut felis. Morbi tempor sagittis dui, et fermentum lorem interdum sed. Integer a pellentesque turpis. Nulla a dignissim tellus. Fusce pharetra lectus orci, eget faucibus arcu facilisis nec. Nunc varius leo orci, a efficitur sem hendrerit id. Phasellus tempor, dolor ut porta viverra, risus dolor placerat leo, eu semper dolor mauris eget elit. Duis augue ex, mattis quis ullamcorper sit amet, luctus quis nulla. Phasellus in orci at risus pretium hendrerit. Sed non tellus augue. Phasellus ornare vehicula mi viverra hendrerit. Fusce quis lorem nunc. Praesent accumsan congue augue. Donec nisi libero, faucibus semper velit nec, vestibulum ornare urna. Praesent sodales turpis magna, eget gravida eros lobortis quis. Donec ac consequat sapien. Donec gravida neque eget purus condimentum venenatis ac ac nunc. Vestibulum bibendum mi eu pulvinar luctus. Aenean sit amet gravida nulla. Phasellus ac neque pharetra, porttitor ipsum non, maximus nunc. Vivamus vestibulum nibh at suscipit placerat. Suspendisse vitae commodo tortor, id rhoncus magna. Aliquam efficitur lacinia est, sit amet dignissim ante fermentum eu. Suspendisse faucibus, diam accumsan dapibus convallis, massa elit malesuada leo, et iaculis tellus magna at dui. Pellentesque commodo neque ligula. Fusce semper, quam et ullamcorper interdum, tortor elit tempus sapien, in consectetur ipsum metus eget lacus. Nunc nisi metus, blandit vitae elit ut, imperdiet consectetur orci. Proin eros ex, volutpat id orci finibus, tempus eleifend lacus. Maecenas vehicula leo vitae nunc mollis porttitor. Donec sit amet arcu eu velit pellentesque mattis. Curabitur vel est elit. Etiam quis eros vel massa consectetur molestie. Nulla facilisi. Duis scelerisque tortor augue, at sodales neque commodo nec. Curabitur scelerisque libero diam, ut aliquet mauris pellentesque et. Nunc facilisis mollis varius. Praesent nisl magna, feugiat ac ex ut, volutpat faucibus ligula. Donec hendrerit ut orci a molestie. Maecenas eget laoreet sapien. Nunc vel sem eget velit sagittis maximus. Sed urna sem, ornare eu bibendum nec, vulputate dignissim quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque iaculis in odio quis malesuada. Maecenas tincidunt eget quam a consequat. In condimentum congue lacinia. Donec non lorem mollis, vehicula enim ac, rhoncus massa. Cras tortor lectus, consequat quis lacus ac, scelerisque pellentesque erat. Aliquam erat volutpat. Sed semper eleifend risus pharetra ullamcorper. Vestibulum consectetur dictum enim non placerat. Nunc eu felis at libero molestie semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna ipsum, ullamcorper vitae maximus eget, scelerisque ut ex. Nunc tempus neque orci, ac ullamcorper ligula efficitur eu. Mauris molestie, orci eu vestibulum tristique, elit purus blandit sapien, ultricies efficitur lectus erat ut felis. Morbi tempor sagittis dui, et fermentum lorem interdum sed. Integer a pellentesque turpis. Nulla a dignissim tellus. Fusce pharetra lectus orci, eget faucibus arcu facilisis nec. Nunc varius leo orci, a efficitur sem hendrerit id. Phasellus tempor, dolor ut porta viverra, risus dolor placerat leo, eu semper dolor mauris eget elit. Duis augue ex, mattis quis ullamcorper sit amet, luctus quis nulla. Phasellus in orci at risus pretium hendrerit. Sed non tellus augue. Phasellus ornare vehicula mi viverra hendrerit. Fusce quis lorem nunc. Praesent accumsan congue augue. Donec nisi libero, faucibus semper velit nec, vestibulum ornare urna. Praesent sodales turpis magna, eget gravida eros lobortis quis. Donec ac consequat sapien. Donec gravida neque eget purus condimentum venenatis ac ac nunc. Vestibulum bibendum mi eu pulvinar luctus. Aenean sit amet gravida nulla. Phasellus ac neque pharetra, porttitor ipsum non, maximus nunc. Vivamus vestibulum nibh at suscipit placerat. Suspendisse vitae commodo tortor, id rhoncus magna. Aliquam efficitur lacinia est, sit amet dignissim ante fermentum eu. Suspendisse faucibus, diam accumsan dapibus convallis, massa elit malesuada leo, et iaculis tellus magna at dui. Pellentesque commodo neque ligula. Fusce semper, quam et ullamcorper interdum, tortor elit tempus sapien, in consectetur ipsum metus eget lacus. Nunc nisi metus, blandit vitae elit ut, imperdiet consectetur orci. Proin eros ex, volutpat id orci finibus, tempus eleifend lacus. Maecenas vehicula leo vitae nunc mollis porttitor. Donec sit amet arcu eu velit pellentesque mattis. Curabitur vel est elit. Etiam quis eros vel massa consectetur molestie. Nulla facilisi. Duis scelerisque tortor augue, at sodales neque commodo nec. Curabitur scelerisque libero diam, ut aliquet mauris pellentesque et. Nunc facilisis mollis varius. Praesent nisl magna, feugiat ac ex ut, volutpat faucibus ligula. Donec hendrerit ut orci a molestie.</p>
22      </textarea>
23    </div>
24
25    <script>
26      editor = CKEDITOR.replace('editor');
27    </script>
28  </body>
29</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy