Ticket #9160: 9160_sample2.html

File 9160_sample2.html, 1.8 KB (added by Invictus, 7 years ago)
Line 
1<!DOCTYPE html>
2<html>
3<head>
4        <title>#9160 CKEditor Sample</title>
5        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
6        <script type="text/javascript" src="../ckeditor.js"></script>
7        <script src="sample.js" type="text/javascript"></script>
8        <link href="sample.css" rel="stylesheet" type="text/css" />
9        <script type="text/javascript">
10        //<![CDATA[
11
12var editor;
13
14CKEDITOR.on( 'instanceReady', function( ev )
15        {
16                editor = ev.editor;
17                document.getElementById( 'hideCKE' ).style.display = '';
18                document.getElementById( 'fireResize' ).style.display = '';
19        });
20
21function hideCKE()
22{
23        document.getElementById( 'panel' ).style.display = 'none';
24        document.getElementById( 'hideCKE' ).style.display = 'none';
25        document.getElementById( 'showCKE' ).style.display = '';
26}
27
28function showCKE()
29{
30        document.getElementById( 'panel' ).style.display = '';
31        document.getElementById( 'hideCKE' ).style.display = '';
32        document.getElementById( 'showCKE' ).style.display = 'none';
33}
34
35function fireResize() {
36        new CKEDITOR.dom.window(window).fire('resize');
37}
38
39        //]]>
40        </script>
41
42</head>
43<body>
44        <p>1.Hide editor.<br>
452.Fire resize.<br>
463.Show editor. -> Text is gone<br>
474.Fire resize. -> Text is back
48        </p>
49
50        <input id="hideCKE" onclick="hideCKE();" type="button" value="Hide CKE" style="display:none" />
51        <input id="showCKE" onclick="showCKE();" type="button" value="Show CKE" style="display:none" />
52        <input id="fireResize" onclick="fireResize();" type="button" value="Fire Resize" style="display:none" />
53        <div id="panel">
54                        <textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
55        </div>
56</body>
57</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy