source: branches/MootoolsFileManager-Update/plugins/MootoolsFileManager/mootools-filemanager/Demos/tinymce.html @ 1300

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

Update the MootoolsFileManager? to the latest cpojer with some modifications.
Add a demo for the MFM examples/mootools-file-manager.php
Change the default config for ImageManager? and ExtendedFileManager? for added security.

File size: 3.7 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>MooTools FileManager TinyMCE example</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-1.3.js"></script>
56        <script type="text/javascript" src="mootools-more-1.3.0.1.js"></script>
57       
58        <script type="text/javascript" src="../Source/FileManager.js"></script>
59        <script type="text/javascript" src="../Source/Uploader/Fx.ProgressBar.js"></script>
60        <script type="text/javascript" src="../Source/Uploader/Swiff.Uploader.js"></script>     
61        <script type="text/javascript" src="../Source/Uploader.js"></script>
62        <script type="text/javascript" src="../Language/Language.en.js"></script>
63        <script type="text/javascript" src="../Language/Language.de.js"></script>
64       
65        <script type="text/javascript" src="../Source/FileManager.TinyMCE.js"></script>
66       
67        <script type="text/javascript">
68                tinyMCE.init({
69                        mode: 'textareas',
70                        language: 'en',
71                        theme: 'advanced',
72                        skin: 'o2k7',
73                        skin_variant: 'silver',
74                        plugins: 'safari,advimage,advlink,inlinepopups',
75                        theme_advanced_toolbar_location: 'top',
76                        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',
77                        theme_advanced_buttons2: '',
78                        theme_advanced_buttons3: '',
79                       
80                        width: '100%',
81                        height: '300px',
82                       
83                        // document_base_url: 'yada yoda/etc etc',
84                       
85                        /* Here goes the Magic */
86                        file_browser_callback: FileManager.TinyMCE(function(type){
87                                return {
88                                        url: (type=='image' ? 'selectImage.php' : 'manager.php'),
89                                        // baseURL: '/yada yada yada/',
90                                        assetBasePath: '../Assets', // '/c/lib/includes/js/mootools-filemanager/Assets',
91                                        language: 'de',
92                                        selectable: true,
93          destroy: true,
94          upload: true,
95          rename: true,
96          download: true,
97          createFolders: true,
98          hideClose: false,
99          hideOverlay: false,
100                                        uploadAuthData: {
101                                                session: 'MySessionId'
102                                        }
103                                };
104                        })
105                });
106
107                window.addEvent('domready', function(){
108                        $('getEditorText').addEvent('click', function(e){
109                                e.stop();
110                                $('editorContent').set('html', tinyMCE.activeEditor.getContent());
111                        });
112                });
113        </script>
114</head>
115<body>
116<div id="content" class="content">
117        <h1>FileManager Demo</h1>
118        <div>
119        <textarea>Add an image or a link to a file!</textarea>
120        <button id="getEditorText" name="getEditorTextButton">Get editor content</button>
121        </div>
122        <div id="editorContent"></div>
123</div>
124</body>
125</html>
Note: See TracBrowser for help on using the repository browser.