Ticket #10561: test.html

File test.html, 1.8 KB (added by smholstein, 11 years ago)
Line 
1<!DOCTYPE html>
2<html>
3        <head>
4                <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
5                <script src="http://ckeditor.com/apps/ckeditor/4.1.2/ckeditor.js" type="text/javascript"></script>
6       
7                <style>
8                        p {
9                                margin: 0;
10                                padding: 0;
11                        }
12                       
13                        #edit {
14                                width: 500px;
15                                height: 300px;
16                                border: 1px solid black;
17                                margin-left: auto;
18                                margin-right:auto;
19                                margin-top: 200px;
20                        }
21                       
22                        #control {
23                                margin-left: auto;
24                                margin-right:auto;
25                                margin-top: 20px;
26                                text-align: center;
27                        }
28                       
29                        #control a {
30                                padding: 20px;
31                        }
32                       
33                </style>
34               
35                <script>
36                        function init(event) {
37                                event.preventDefault();
38                               
39                                $('#edit').attr('contenteditable','true');
40                                var ck = CKEDITOR.inline('edit');
41                        }
42                       
43                        function destroy(event) {
44                                event.preventDefault();
45                               
46                                $('#edit').removeAttr('contenteditable');
47                                CKEDITOR.instances['edit'].destroy();
48                        }
49               
50                        $(document).ready(function() {
51                               
52                                $('#init').click(init);
53                                $('#destroy').click(destroy);
54                                       
55                        });
56                </script>
57               
58        </head>
59        <body>
60                <div id="edit">
61                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel cursus ipsum. Morbi volutpat luctus tellus quis molestie. Mauris aliquam nulla venenatis pulvinar semper. Nulla facilisi. Suspendisse mollis dolor orci, eget tempus metus porttitor nec. Proin posuere felis ac odio mattis dictum. Aenean in odio viverra, posuere mauris eu, aliquet tortor. Cras euismod nisi sapien, et aliquet erat iaculis nec. Vestibulum cursus leo sem. Morbi placerat euismod ipsum ac ultricies. Suspendisse ut dictum nisl, sit amet scelerisque arcu. Aenean at felis at neque tristique pellentesque vitae congue arcu.</p>
62                </div>
63                <div id="control">
64                        <a id="init" href="#">Init</a>
65                        <a id="destroy" href="#">Destroy</a>
66                </div>
67        </body>
68</html>
69
70
71
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy