Ticket #9439: demo.html

File demo.html, 3.9 KB (added by Jakub Ś, 8 years ago)
Line 
1<!DOCTYPE html>
2<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
3<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
4<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
5<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]-->
6<head>
7<title>Encompass</title>
8<meta http-equiv="content-type" content="text/html; charset=utf-8" />
9<meta http-equiv="content-language" content="en-us" />
10<!-- SEO -->
11<meta name="author" content="careerbuilder.com" />
12<meta name="copyright" content="Careerbuilder" />
13<meta name="description" content="" />
14<meta name="keywords" content="" />
15<!-- Mobile Devices -->
16<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
17<meta name="viewport" content="target-densitydpi=device-dpi" />
18<meta name="apple-mobile-web-app-capable" content="yes"> 
19<meta name="HandheldFriendly" content="true" />
20<meta http-equiv="cleartype" content="on">
21
22<!--<link type="text/css" href="/Content/css/base.css" rel="stylesheet" />
23<link type="text/css" href="/Content/css/widget.css" rel="stylesheet" />-->
24<!--[if lt IE 9]>
25<script type="text/javascript" src="/Scripts/lib/html5shiv.js"></script>
26<![endif]-->
27<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
28<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
29<script src="../ckeditor_source.js" type="text/javascript"></script>
30</head>
31<body class="cb">
32<button id="btn">button</button>
33<script type="text/javascript">
34    $(function () {
35                $('body').append("<div id='dialog'><div id='editorId'></div></div>");
36                var $dialog = $("#dialog");     
37               
38        var html = "<ul style='list-style-type:disc'><li>testsssss</li></ul>";
39        var editorFontFamilyStr = 'andale mono;arial,helvetica,sans-serif;arial black,avant garde;comic sans ms;impact,chicago;times new roman;Garamond;Century Gothic';
40        var editorConfig = {
41            width: 445,
42            height: 160,
43            toolbar: [{ name: 'clipboard', items: ['Bold', 'Underline', 'Italic', 'Font', 'FontSize', 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']}],
44            forcePasteAsPlainText: true,
45            toolbarCanCollapse: false,
46            resize_enabled: false,
47            font_defaultLabel: 'arial,helvetica,sans-serif',
48            font_names: editorFontFamilyStr,
49            removePlugins: 'elementspath',                       
50                        startupFocus: true,
51                        scayt_autoStartup: true                                         
52        };
53               
54        var editor;
55        var $btn = $("#btn");
56               
57                $dialog.dialog({
58                                autoOpen: false,       
59                width: 470,
60                height: 380,
61                dialogClass: 'thisDialogDom',               
62                close: function(){                   
63                                        if (editor) {   
64                                                //console.log('destroyed2');
65                        editor.destroy();
66                                                editor = null;
67                    }                                   
68                },
69                buttons: {
70                    'cancel': function () {                                                             
71                        $dialog.dialog("close");
72                    },
73                    'ok': function () {                                                                                                 
74                        $dialog.dialog("close");
75                    }
76                }
77            });         
78               
79        $btn.click(function () {
80            if($dialog.dialog("isOpen")!== true){                                       
81                                if (editor) {//CKEDITOR.instances['editorId']                                   
82                                        editor.destroy();//CKEDITOR.instances['editorId']
83                                }
84                editor = CKEDITOR.replace('editorId', editorConfig);               
85                                editor.on('instanceReady', function(evt){
86                                        evt.editor.setData(html);
87                                });                             
88                                $dialog.dialog( "open"  );
89                        }               
90        });
91    })
92</script>
93</body>
94</html>
© 2003 – 2020 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy