source: trunk/plugins/MootoolsFileManager/mootools-filemanager/Demos/tinymce.html @ 1239

Last change on this file since 1239 was 1239, checked in by gogo, 9 years ago

Add new plugin MootoolsFileManager?
ticket:1502

File size: 3.4 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5        <title>Testground</title>
6        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7        <link rel="shortcut icon" href="http://og5.net/christoph/favicon.png" />
8        <style type="text/css">
9        body {
10                font-size: 11px;
11                font-family: Tahoma, sans-serif;
12        }
13       
14        h1 {
15                margin: 0 0 10px 0;
16                padding: 0;
17               
18                color: #666;
19                font-weight: normal;
20                font-size: 24px;
21                letter-spacing: 1px;
22                word-spacing: 2px;
23                line-height: 22px;
24                min-height: 25px;
25        }
26
27        h1 span {
28                font-size: 11px;
29                letter-spacing: 0;
30                word-spacing: 0;
31                text-shadow: none;
32        }
33       
34        .blue { color: #1f52b0; }
35       
36        div.content {
37                min-height: 200px;
38                margin: 23px 34px;
39                padding: 10px 17px;
40                border: 1px solid #b2b2b2;
41                background: #fff;
42                -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px;
43        }
44       
45        div.content div {
46                margin: 10px 0;
47        }
48        </style>
49       
50        <link rel="stylesheet" media="all" type="text/css" href="../Css/FileManager.css" />
51        <link rel="stylesheet" media="all" type="text/css" href="../Css/Additions.css" />
52       
53        <script type="text/javascript" src="TinyMCE/tiny_mce.js"></script>
54
55        <script type="text/javascript" src="mootools-core.js"></script>
56        <script type="text/javascript" src="mootools-more.js"></script>
57       
58        <script type="text/javascript" src="../Source/FileManager.js"></script>
59        <script type="text/javascript" src="../Language/Language.en.js"></script>
60        <script type="text/javascript" src="../Language/Language.de.js"></script>
61        <script type="text/javascript" src="../Source/Additions.js"></script>
62       
63        <script type="text/javascript" src="../Source/Uploader/Fx.ProgressBar.js"></script>
64        <script type="text/javascript" src="../Source/Uploader/Swiff.Uploader.js"></script>
65       
66        <script type="text/javascript" src="../Source/Uploader.js"></script>
67       
68        <script type="text/javascript" src="../Source/FileManager.TinyMCE.js"></script>
69       
70        <script type="text/javascript">
71                tinyMCE.init({
72                        mode: 'textareas',
73                        language: 'en',
74                        theme: 'advanced',
75                        skin: 'o2k7',
76                        skin_variant: 'silver',
77                        plugins: 'safari,advimage,advlink,inlinepopups',
78                        theme_advanced_toolbar_location: 'top',
79                        theme_advanced_buttons1: 'link,unlink,image,forecolor,backcolor,|,sub,sup,|,hr,charmap,|,undo,redo,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,outdent,indent,blockquote,bullist,numlist',
80                        theme_advanced_buttons2: '',
81                        theme_advanced_buttons3: '',
82                       
83                        width: '100%',
84                        height: '300px',
85                       
86                        /* Here goes the Magic */
87                        file_browser_callback: FileManager.TinyMCE(function(type){
88                                return {
89                                        url: type=='image' ? 'selectImage.php' : 'manager.php',
90                                        assetBasePath: '../Assets',
91                                        language: 'de',
92                                        selectable: true,
93                                        uploadAuthData: {session: 'MySessionId'}
94                                };
95                        })
96                });
97
98                window.addEvent('domready', function(){
99                        $('getEditorText').addEvent('click', function(e){
100                                e.stop();
101                                $('editorContent').set('html', tinyMCE.activeEditor.getContent());
102                        });
103                });
104        </script>
105</head>
106<body>
107<div id="content" class="content">
108        <h1>FileManager Demo</h1>
109        <div>
110        <textarea>Add an image or a link to a file!</textarea>
111        <button id="getEditorText" name="getEditorTextButton">Get editor content</button>
112        </div>
113        <div id="editorContent"></div>
114</div>
115</body>
116</html>
Note: See TracBrowser for help on using the repository browser.