|
1 /** |
|
2 * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $ |
|
3 * |
|
4 * @author Moxiecode |
|
5 * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved. |
|
6 */ |
|
7 |
|
8 /* Import plugin specific language pack */ |
|
9 tinyMCE.importPluginLanguagePack('fullscreen'); |
|
10 |
|
11 var TinyMCE_FullScreenPlugin = { |
|
12 getInfo : function() { |
|
13 return { |
|
14 longname : 'Fullscreen', |
|
15 author : 'Moxiecode Systems AB', |
|
16 authorurl : 'http://tinymce.moxiecode.com', |
|
17 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen', |
|
18 version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion |
|
19 }; |
|
20 }, |
|
21 |
|
22 initInstance : function(inst) { |
|
23 if (!tinyMCE.settings['fullscreen_skip_plugin_css']) |
|
24 tinyMCE.importCSS(inst.getContainerWin().document, tinyMCE.baseURL + "/plugins/fullscreen/css/page.css"); |
|
25 }, |
|
26 |
|
27 getControlHTML : function(cn) { |
|
28 switch (cn) { |
|
29 case "fullscreen": |
|
30 return tinyMCE.getButtonHTML(cn, 'lang_fullscreen_desc', '{$pluginurl}/images/fullscreen.gif', 'mceFullScreen'); |
|
31 } |
|
32 |
|
33 return ""; |
|
34 }, |
|
35 |
|
36 execCommand : function(editor_id, element, command, user_interface, value) { |
|
37 var inst; |
|
38 |
|
39 // Handle commands |
|
40 switch (command) { |
|
41 case "mceFullScreen": |
|
42 inst = tinyMCE.getInstanceById(editor_id); |
|
43 |
|
44 if (tinyMCE.getParam('fullscreen_new_window')) |
|
45 this._toggleFullscreenWin(inst); |
|
46 else |
|
47 this._toggleFullscreen(inst); |
|
48 |
|
49 return true; |
|
50 } |
|
51 |
|
52 // Pass to next handler in chain |
|
53 return false; |
|
54 }, |
|
55 |
|
56 _toggleFullscreenWin : function(inst) { |
|
57 if (tinyMCE.getParam('fullscreen_is_enabled')) { |
|
58 // In fullscreen mode |
|
59 window.opener.tinyMCE.execInstanceCommand(tinyMCE.getParam('fullscreen_editor_id'), 'mceSetContent', false, tinyMCE.getContent(inst.editorId)); |
|
60 top.close(); |
|
61 } else { |
|
62 tinyMCE.setWindowArg('editor_id', inst.editorId); |
|
63 |
|
64 var win = window.open(tinyMCE.baseURL + "/plugins/fullscreen/fullscreen.htm", "mceFullScreenPopup", "fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width=" + screen.availWidth + ",height=" + screen.availHeight); |
|
65 try { win.resizeTo(screen.availWidth, screen.availHeight); } catch (e) {} |
|
66 } |
|
67 }, |
|
68 |
|
69 _toggleFullscreen : function(inst) { |
|
70 var ds = inst.getData('fullscreen'), editorContainer, tableElm, iframe, vp, cw, cd, re, w, h, si, blo, delta = 0, cell, row, fcml, bcml; |
|
71 |
|
72 cw = inst.getContainerWin(); |
|
73 cd = cw.document; |
|
74 editorContainer = cd.getElementById(inst.editorId + '_parent'); |
|
75 tableElm = editorContainer.firstChild; |
|
76 iframe = inst.iframeElement; |
|
77 re = cd.getElementById(inst.editorId + '_resize'); |
|
78 blo = document.getElementById('mce_fullscreen_blocker'); |
|
79 fcm = new TinyMCE_Layer(inst.editorId + '_fcMenu'); |
|
80 fcml = new TinyMCE_Layer(inst.editorId + '_fcMenu'); |
|
81 bcml = new TinyMCE_Layer(inst.editorId + '_bcMenu'); |
|
82 |
|
83 if (fcml.exists() && fcml.isVisible()) { |
|
84 tinyMCE.switchClass(inst.editorId + '_forecolor', 'mceMenuButton'); |
|
85 fcml.hide(); |
|
86 } |
|
87 |
|
88 if (bcml.exists() && bcml.isVisible()) { |
|
89 tinyMCE.switchClass(inst.editorId + '_backcolor', 'mceMenuButton'); |
|
90 bcml.hide(); |
|
91 } |
|
92 |
|
93 if (!ds.enabled) { |
|
94 // Handle External Toolbar |
|
95 if (inst.toolbarElement) { |
|
96 delta += inst.toolbarElement.offsetHeight; |
|
97 |
|
98 cell = tableElm.tBodies[0].insertRow(0).insertCell(-1); |
|
99 cell.className = 'mceToolbarTop'; |
|
100 cell.nowrap = true; |
|
101 |
|
102 ds.oldToolbarParent = inst.toolbarElement.parentNode; |
|
103 ds.toolbarHolder = document.createTextNode('...'); |
|
104 |
|
105 cell.appendChild(ds.oldToolbarParent.replaceChild(ds.toolbarHolder, inst.toolbarElement)); |
|
106 } |
|
107 |
|
108 ds.parents = []; |
|
109 |
|
110 vp = tinyMCE.getViewPort(cw); |
|
111 ds.scrollX = vp.left; |
|
112 ds.scrollY = vp.top; |
|
113 |
|
114 // Opera has a bug restoring scrollbars |
|
115 if (!tinyMCE.isOpera) |
|
116 tinyMCE.addCSSClass(cd.body, 'mceFullscreen'); |
|
117 |
|
118 tinyMCE.getParentNode(tableElm.parentNode, function (n) { |
|
119 if (n.nodeName == 'BODY') |
|
120 return true; |
|
121 |
|
122 if (n.nodeType == 1) |
|
123 tinyMCE.addCSSClass(n, 'mceFullscreenPos'); |
|
124 |
|
125 return false; |
|
126 }); |
|
127 |
|
128 if (re) |
|
129 re.style.display = 'none'; |
|
130 |
|
131 vp = tinyMCE.getViewPort(cw); |
|
132 |
|
133 ds.oldWidth = iframe.style.width ? iframe.style.width : iframe.offsetWidth; |
|
134 ds.oldHeight = iframe.style.height ? iframe.style.height : iframe.offsetHeight; |
|
135 ds.oldTWidth = tableElm.style.width ? tableElm.style.width : tableElm.offsetWidth; |
|
136 ds.oldTHeight = tableElm.style.height ? tableElm.style.height : tableElm.offsetHeight; |
|
137 |
|
138 // Handle % width |
|
139 if (ds.oldWidth && ds.oldWidth.indexOf) |
|
140 ds.oldTWidth = ds.oldWidth.indexOf('%') != -1 ? ds.oldWidth : ds.oldTWidth; |
|
141 |
|
142 if (!blo && tinyMCE.isRealIE) { |
|
143 blo = tinyMCE.createTag(document, 'iframe', {id : 'mce_fullscreen_blocker', src : 'about:blank', frameBorder : 0, width : vp.width, height : vp.height, style : 'display: block; position: absolute; left: 0; top: 0; z-index: 999; margin: 0; padding: 0;'}); |
|
144 document.body.appendChild(blo); |
|
145 } |
|
146 |
|
147 tableElm.style.position = 'absolute'; |
|
148 tableElm.style.zIndex = 1000; |
|
149 tableElm.style.left = tableElm.style.top = '0'; |
|
150 |
|
151 tableElm.style.width = vp.width + 'px'; |
|
152 tableElm.style.height = vp.height + 'px'; |
|
153 |
|
154 if (tinyMCE.isRealIE) { |
|
155 iframe.style.width = vp.width + 'px'; |
|
156 iframe.style.height = vp.height + 'px'; |
|
157 |
|
158 // Calc new width/height based on overflow |
|
159 w = iframe.parentNode.clientWidth - (tableElm.offsetWidth - vp.width); |
|
160 h = iframe.parentNode.clientHeight - (tableElm.offsetHeight - vp.height); |
|
161 } else { |
|
162 w = iframe.parentNode.clientWidth; |
|
163 h = iframe.parentNode.clientHeight; |
|
164 } |
|
165 |
|
166 iframe.style.width = w + "px"; |
|
167 iframe.style.height = (h+delta) + "px"; |
|
168 |
|
169 tinyMCE.switchClass(inst.editorId + '_fullscreen', 'mceButtonSelected'); |
|
170 ds.enabled = true; |
|
171 |
|
172 inst.useCSS = false; |
|
173 } else { |
|
174 // Handle External Toolbar |
|
175 if (inst.toolbarElement) { |
|
176 row = inst.toolbarElement.parentNode.parentNode; |
|
177 |
|
178 row.parentNode.removeChild(row); |
|
179 |
|
180 ds.oldToolbarParent.replaceChild(inst.toolbarElement, ds.toolbarHolder); |
|
181 |
|
182 ds.oldToolbarParent = null; |
|
183 ds.toolbarHolder = null; |
|
184 } |
|
185 |
|
186 if (blo) |
|
187 blo.parentNode.removeChild(blo); |
|
188 |
|
189 si = 0; |
|
190 tinyMCE.getParentNode(tableElm.parentNode, function (n) { |
|
191 if (n.nodeName == 'BODY') |
|
192 return true; |
|
193 |
|
194 if (n.nodeType == 1) |
|
195 tinyMCE.removeCSSClass(n, 'mceFullscreenPos'); |
|
196 }); |
|
197 |
|
198 if (re && tinyMCE.getParam("theme_advanced_resizing", false)) |
|
199 re.style.display = 'block'; |
|
200 |
|
201 tableElm.style.position = 'static'; |
|
202 tableElm.style.zIndex = ''; |
|
203 tableElm.style.width = ''; |
|
204 tableElm.style.height = ''; |
|
205 |
|
206 tableElm.style.width = ds.oldTWidth ? ds.oldTWidth : ''; |
|
207 tableElm.style.height = ds.oldTHeight ? ds.oldTHeight : ''; |
|
208 |
|
209 iframe.style.width = ds.oldWidth ? ds.oldWidth : ''; |
|
210 iframe.style.height = ds.oldHeight ? ds.oldHeight : ''; |
|
211 |
|
212 tinyMCE.switchClass(inst.editorId + '_fullscreen', 'mceButtonNormal'); |
|
213 ds.enabled = false; |
|
214 |
|
215 tinyMCE.removeCSSClass(cd.body, 'mceFullscreen'); |
|
216 cw.scrollTo(ds.scrollX, ds.scrollY); |
|
217 |
|
218 inst.useCSS = false; |
|
219 } |
|
220 }, |
|
221 |
|
222 handleNodeChange : function(editor_id, node, undo_index, undo_levels, visual_aid, any_selection) { |
|
223 if (tinyMCE.getParam('fullscreen_is_enabled')) |
|
224 tinyMCE.switchClass(editor_id + '_fullscreen', 'mceButtonSelected'); |
|
225 |
|
226 return true; |
|
227 } |
|
228 }; |
|
229 |
|
230 tinyMCE.addPlugin("fullscreen", TinyMCE_FullScreenPlugin); |