Ticket #14398: _template_html52.html

File _template_html52.html, 3.1 KB (added by Jakub Ś, 4 years ago)
Line 
1<!DOCTYPE html>
2<html>
3<head>
4<meta http-equiv="content-type" content="text/html; charset=UTF-8">
5        <title>Replace Textarea by Code — CKEditor Sample</title>
6        <meta charset="utf-8">         
7</head>
8<body>
9<div id="testdiv1" style="margin:20px; width:500px;"></div>
10<div id="testdiv2" style="margin:20px; width:500px;"></div>
11<div id="testdiv3" style="margin:20px; width:500px;"></div>
12<div id="testdiv4" style="margin:20px; width:500px;"></div>
13<div id="testdiv5" style="margin:20px; width:500px;"></div>
14<div id="testdiv6" style="margin:20px; width:500px;"></div>
15<div id="testdiv7" style="margin:20px; width:500px;"></div>
16<div id="testdiv8" style="margin:20px; width:500px;"></div>
17<div id="testdiv9" style="margin:20px; width:500px;"></div>
18<div id="testdiv10" style="margin:20px; width:500px;"></div>
19<div id="testdiv11" style="margin:20px; width:500px;"></div>
20<div id="testdiv12" style="margin:20px; width:500px;"></div>
21<div id="testdiv13" style="margin:20px; width:500px;"></div>
22<div id="testdiv14" style="margin:20px; width:500px;"></div>
23<div id="testdiv15" style="margin:20px; width:500px;"></div>
24<script type="text/javascript">
25
26function createIframe( number ) {
27        var iframe = document.createElement( 'iframe' );
28        iframe.setAttribute( 'width', '500px' );
29        iframe.setAttribute( 'height', '200px' );
30        iframe.setAttribute( 'id', 'testIframe'+number );       
31        var html = '<!DOCTYPE html><html><title>Cursor Stays</title><head><meta charset="utf-8"></head><body contenteditable="true">'+
32        '<p><span lang="EN" style="font-size:16.0pt;font-family:&quot;Times New Roman&quot;,&quot;serif&quot;;mso-fareast-font-family:&quot;Times New Roman&quot;;color:black;mso-ansi-language:EN">Introduction to '+number+'</span></p>'+     
33        '<h1><img alt="Saturn V carrying Apollo 11" style="float:right;" src="http://192.168.1.100:8080/ckeditor4_git/samples/old/assets/sample.jpg" /> Apollo 11</h1>'+
34        '<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans'+ 
35        '<a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, '+
36        'on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>'+
37        '<p>iframe with editable <a href="http://ckeditor.com/">CKEditor</a>.</p></body></html>';
38       
39        var myNav = navigator.userAgent.toLowerCase();
40        var ieVer8_10 = ( myNav.indexOf( 'msie' ) != -1 ) ? parseInt( myNav.split( 'msie' )[1] ) : false;
41        var isIE11 = !!navigator.userAgent.match( /Trident.*rv[ :]*11\./ ); 
42       
43        if( ( ieVer8_10 && ieVer8_10 >= 8 ) || isIE11 ) {
44                document.getElementById( 'testdiv'+number ).appendChild( iframe );
45                document.getElementById( 'testIframe' ).contentWindow.document.write( html );           
46        } else {
47                iframe.setAttribute( 'src', 'data:text/html;charset=utf-8,' + encodeURI( html ) );
48                document.getElementById( 'testdiv'+number ).appendChild( iframe );
49        }               
50}
51
52for(var i = 1; i <= 15; i++){
53        createIframe(i);       
54}
55</script>
56</body>
57</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy