Open-Source PHP Framework - Designed for rapid development of performance-oriented scalable applications

/webroot/js/tinymce/plugins/fullpage/js/fullpage.js

[return to app]
1 tinyMCEPopup.requireLangPack();
2
3 var doc;
4
5 var defaultDocTypes = 
6     'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
7     'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
8     'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
9     'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
10     'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
11     'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
12     'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
 "http://www.w3.org/TR/html4/frameset.dtd">';
13
14 var defaultEncodings = 
15     'Western european (iso-8859-1)=iso-8859-1,' +
16     'Central European (iso-8859-2)=iso-8859-2,' +
17     'Unicode (UTF-8)=utf-8,' +
18     'Chinese traditional (Big5)=big5,' +
19     'Cyrillic (iso-8859-5)=iso-8859-5,' +
20     'Japanese (iso-2022-jp)=iso-2022-jp,' +
21     'Greek (iso-8859-7)=iso-8859-7,' +
22     'Korean (iso-2022-kr)=iso-2022-kr,' +
23     'ASCII (us-ascii)=us-ascii';
24
25 var defaultMediaTypes = 
26     'all=all,' +
27     'screen=screen,' +
28     'print=print,' +
29     'tty=tty,' +
30     'tv=tv,' +
31     'projection=projection,' +
32     'handheld=handheld,' +
33     'braille=braille,' +
34     'aural=aural';
35
36 var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier
 new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times
 New Roman=times new
 roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings';
37 var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
38
39 function init() {
40     var f = document.forms['fullpage'], el = f.elements, e, i, p, doctypes, encodings, mediaTypes, fonts, ed =
 tinyMCEPopup.editor, dom = tinyMCEPopup.dom, style;
41
42     // Setup doctype select box
43     doctypes = ed.getParam("fullpage_doctypes", defaultDocTypes).split(',');
44     for (i=0; i<doctypes.length; i++) {
45         p = doctypes[i].split('=');
46
47         if (p.length > 1)
48             addSelectValue(f, 'doctypes', p[0], p[1]);
49     }
50
51     // Setup fonts select box
52     fonts = ed.getParam("fullpage_fonts", defaultFontNames).split(';');
53     for (i=0; i<fonts.length; i++) {
54         p = fonts[i].split('=');
55
56         if (p.length > 1)
57             addSelectValue(f, 'fontface', p[0], p[1]);
58     }
59
60     // Setup fontsize select box
61     fonts = ed.getParam("fullpage_fontsizes", defaultFontSizes).split(',');
62     for (i=0; i<fonts.length; i++)
63         addSelectValue(f, 'fontsize', fonts[i], fonts[i]);
64
65     // Setup mediatype select boxs
66     mediaTypes = ed.getParam("fullpage_media_types", defaultMediaTypes).split(',');
67     for (i=0; i<mediaTypes.length; i++) {
68         p = mediaTypes[i].split('=');
69
70         if (p.length > 1) {
71             addSelectValue(f, 'element_style_media', p[0], p[1]);
72             addSelectValue(f, 'element_link_media', p[0], p[1]);
73         }
74     }
75
76     // Setup encodings select box
77     encodings = ed.getParam("fullpage_encodings", defaultEncodings).split(',');
78     for (i=0; i<encodings.length; i++) {
79         p = encodings[i].split('=');
80
81         if (p.length > 1) {
82             addSelectValue(f, 'docencoding', p[0], p[1]);
83             addSelectValue(f, 'element_script_charset', p[0], p[1]);
84             addSelectValue(f, 'element_link_charset', p[0], p[1]);
85         }
86     }
87
88     document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
89     document.getElementById('link_color_pickcontainer').innerHTML =
 getColorPickerHTML('link_color_pick','link_color');
90     //document.getElementById('hover_color_pickcontainer').innerHTML =
 getColorPickerHTML('hover_color_pick','hover_color');
91     document.getElementById('visited_color_pickcontainer').innerHTML =
 getColorPickerHTML('visited_color_pick','visited_color');
92     document.getElementById('active_color_pickcontainer').innerHTML =
 getColorPickerHTML('active_color_pick','active_color');
93     document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');
94     document.getElementById('stylesheet_browsercontainer').innerHTML =
 getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');
95     document.getElementById('link_href_pickcontainer').innerHTML =
 getBrowserHTML('link_href_browser','element_link_href','file','fullpage');
96     document.getElementById('script_src_pickcontainer').innerHTML =
 getBrowserHTML('script_src_browser','element_script_src','file','fullpage');
97     document.getElementById('bgimage_pickcontainer').innerHTML =
 getBrowserHTML('bgimage_browser','bgimage','image','fullpage');
98
99     // Resize some elements
100     if (isVisible('stylesheetbrowser'))
101         document.getElementById('stylesheet').style.width = '220px';
102
103     if (isVisible('link_href_browser'))
104         document.getElementById('element_link_href').style.width = '230px';
105
106     if (isVisible('bgimage_browser'))
107         document.getElementById('bgimage').style.width = '210px';
108
109     // Add iframe
110     dom.add(document.body, 'iframe', {id : 'documentIframe', src : 'javascript:""', style : {display : 'none'}});
111     doc = dom.get('documentIframe').contentWindow.document;
112     h = tinyMCEPopup.getWindowArg('head_html');
113
114     // Preprocess the HTML disable scripts and urls
115     h = h.replace(/<script>/gi, '<script type="text/javascript">');
116     h = h.replace(/type=([\"\'])?/gi, 'type=$1-mce-');
117     h = h.replace(/(src=|href=)/g, 'mce_$1');
118
119     // Write in the content in the iframe
120     doc.write(h + '</body></html>');
121     doc.close();
122
123     // Parse xml and doctype
124     xmlVer = getReItem(/<\?\s*?xml.*?version\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
125     xmlEnc = getReItem(/<\?\s*?xml.*?encoding\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
126     docType = getReItem(/<\!DOCTYPE.*?>/gi, h, 0);
127     f.langcode.value = getReItem(/lang="(.*?)"/gi, h, 1);
128
129     // Parse title
130     if (e = doc.getElementsByTagName('title')[0])
131         el.metatitle.value = e.textContent || e.text;
132
133     // Parse meta
134     tinymce.each(doc.getElementsByTagName('meta'), function(n) {
135         var na = (n.getAttribute('name', 2) || '').toLowerCase(), va = n.getAttribute('content', 2), eq =
 n.getAttribute('httpEquiv', 2) || '';
136
137         e = el['meta' + na];
138
139         if (na == 'robots') {
140             selectByValue(f, 'metarobots', tinymce.trim(va), true, true);
141             return;
142         }
143
144         switch (eq.toLowerCase()) {
145             case "content-type":
146                 tmp = getReItem(/charset\s*=\s*(.*)\s*/gi, va, 1);
147
148                 // Override XML encoding
149                 if (tmp != "")
150                     xmlEnc = tmp;
151
152                 return;
153         }
154
155         if (e)
156             e.value = va;
157     });
158
159     selectByValue(f, 'doctypes', docType, true, true);
160     selectByValue(f, 'docencoding', xmlEnc, true, true);
161     selectByValue(f, 'langdir', doc.body.getAttribute('dir', 2) || '', true, true);
162
163     if (xmlVer != '')
164         el.xml_pi.checked = true;
165
166     // Parse appearance
167
168     // Parse primary stylesheet
169     tinymce.each(doc.getElementsByTagName("link"), function(l) {
170         var m = l.getAttribute('media', 2) || '', t = l.getAttribute('type', 2) || '';
171
172         if (t == "-mce-text/css" && (m == "" || m == "screen" || m == "all") && (l.getAttribute('rel', 2) || '') ==
 "stylesheet") {
173             f.stylesheet.value = l.getAttribute('mce_href', 2) || '';
174             return false;
175         }
176     });
177
178     // Get from style elements
179     tinymce.each(doc.getElementsByTagName("style"), function(st) {
180         var tmp = parseStyleElement(st);
181
182         for (x=0; x<tmp.length; x++) {
183             if (tmp[x].rule.indexOf('a:visited') != -1 && tmp[x].data['color'])
184                 f.visited_color.value = tmp[x].data['color'];
185
186             if (tmp[x].rule.indexOf('a:link') != -1 && tmp[x].data['color'])
187                 f.link_color.value = tmp[x].data['color'];
188
189             if (tmp[x].rule.indexOf('a:active') != -1 && tmp[x].data['color'])
190                 f.active_color.value = tmp[x].data['color'];
191         }
192     });
193
194     f.textcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "text");
195     f.active_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "alink");
196     f.link_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "link");
197     f.visited_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "vlink");
198     f.bgcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "bgcolor");
199     f.bgimage.value = tinyMCEPopup.dom.getAttrib(doc.body, "background");
200
201     // Get from style info
202     style = tinyMCEPopup.dom.parseStyle(tinyMCEPopup.dom.getAttrib(doc.body, 'style'));
203
204     if (style['font-family'])
205         selectByValue(f, 'fontface', style['font-family'], true, true);
206     else
207         selectByValue(f, 'fontface', ed.getParam("fullpage_default_fontface", ""), true, true);
208
209     if (style['font-size'])
210         selectByValue(f, 'fontsize', style['font-size'], true, true);
211     else
212         selectByValue(f, 'fontsize', ed.getParam("fullpage_default_fontsize", ""), true, true);
213
214     if (style['color'])
215         f.textcolor.value = convertRGBToHex(style['color']);
216
217     if (style['background-image'])
218         f.bgimage.value = style['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
219
220     if (style['background-color'])
221         f.bgcolor.value = style['background-color'];
222
223     if (style['margin']) {
224         tmp = style['margin'].replace(/[^0-9 ]/g, '');
225         tmp = tmp.split(/ +/);
226         f.topmargin.value = tmp.length > 0 ? tmp[0] : '';
227         f.rightmargin.value = tmp.length > 1 ? tmp[1] : tmp[0];
228         f.bottommargin.value = tmp.length > 2 ? tmp[2] : tmp[0];
229         f.leftmargin.value = tmp.length > 3 ? tmp[3] : tmp[0];
230     }
231
232     if (style['margin-left'])
233         f.leftmargin.value = style['margin-left'].replace(/[^0-9]/g, '');
234
235     if (style['margin-right'])
236         f.rightmargin.value = style['margin-right'].replace(/[^0-9]/g, '');
237
238     if (style['margin-top'])
239         f.topmargin.value = style['margin-top'].replace(/[^0-9]/g, '');
240
241     if (style['margin-bottom'])
242         f.bottommargin.value = style['margin-bottom'].replace(/[^0-9]/g, '');
243
244     f.style.value = tinyMCEPopup.dom.serializeStyle(style);
245
246     // Update colors
247     updateColor('textcolor_pick', 'textcolor');
248     updateColor('bgcolor_pick', 'bgcolor');
249     updateColor('visited_color_pick', 'visited_color');
250     updateColor('active_color_pick', 'active_color');
251     updateColor('link_color_pick', 'link_color');
252 }
253
254 function getReItem(r, s, i) {
255     var c = r.exec(s);
256
257     if (c && c.length > i)
258         return c[i];
259
260     return '';
261 }
262
263 function updateAction() {
264     var f = document.forms[0], nl, i, h, v, s, head, html, l, tmp, addlink = true, ser;
265
266     head = doc.getElementsByTagName('head')[0];
267
268     // Fix scripts without a type
269     nl = doc.getElementsByTagName('script');
270     for (i=0; i<nl.length; i++) {
271         if (tinyMCEPopup.dom.getAttrib(nl[i], 'mce_type') == '')
272             nl[i].setAttribute('mce_type', 'text/javascript');
273     }
274
275     // Get primary stylesheet
276     nl = doc.getElementsByTagName("link");
277     for (i=0; i<nl.length; i++) {
278         l = nl[i];
279
280         tmp = tinyMCEPopup.dom.getAttrib(l, 'media');
281
282         if (tinyMCEPopup.dom.getAttrib(l, 'mce_type') == "text/css" && (tmp == "" || tmp == "screen" || tmp == "all") &&
 tinyMCEPopup.dom.getAttrib(l, 'rel') == "stylesheet") {
283             addlink = false;
284
285             if (f.stylesheet.value == '')
286                 l.parentNode.removeChild(l);
287             else
288                 l.setAttribute('mce_href', f.stylesheet.value);
289
290             break;
291         }
292     }
293
294     // Add new link
295     if (f.stylesheet.value != '') {
296         l = doc.createElement('link');
297
298         l.setAttribute('type', 'text/css');
299         l.setAttribute('mce_href', f.stylesheet.value);
300         l.setAttribute('rel', 'stylesheet');
301
302         head.appendChild(l);
303     }
304
305     setMeta(head, 'keywords', f.metakeywords.value);
306     setMeta(head, 'description', f.metadescription.value);
307     setMeta(head, 'author', f.metaauthor.value);
308     setMeta(head, 'copyright', f.metacopyright.value);
309     setMeta(head, 'robots', getSelectValue(f, 'metarobots'));
310     setMeta(head, 'Content-Type', getSelectValue(f, 'docencoding'));
311
312     doc.body.dir = getSelectValue(f, 'langdir');
313     doc.body.style.cssText = f.style.value;
314
315     doc.body.setAttribute('vLink', f.visited_color.value);
316     doc.body.setAttribute('link', f.link_color.value);
317     doc.body.setAttribute('text', f.textcolor.value);
318     doc.body.setAttribute('aLink', f.active_color.value);
319
320     doc.body.style.fontFamily = getSelectValue(f, 'fontface');
321     doc.body.style.fontSize = getSelectValue(f, 'fontsize');
322     doc.body.style.backgroundColor = f.bgcolor.value;
323
324     if (f.leftmargin.value != '')
325         doc.body.style.marginLeft = f.leftmargin.value + 'px';
326
327     if (f.rightmargin.value != '')
328         doc.body.style.marginRight = f.rightmargin.value + 'px';
329
330     if (f.bottommargin.value != '')
331         doc.body.style.marginBottom = f.bottommargin.value + 'px';
332
333     if (f.topmargin.value != '')
334         doc.body.style.marginTop = f.topmargin.value + 'px';
335
336     html = doc.getElementsByTagName('html')[0];
337     html.setAttribute('lang', f.langcode.value);
338     html.setAttribute('xml:lang', f.langcode.value);
339
340     if (f.bgimage.value != '')
341         doc.body.style.backgroundImage = "url('" + f.bgimage.value + "')";
342     else
343         doc.body.style.backgroundImage = '';
344
345     ser = tinyMCEPopup.editor.plugins.fullpage._createSerializer();
346     ser.setRules('-title,meta[http-equiv|name|content],base[href|target],link[href|rel|type|title|media],style[type],
 script[type|language|src],html[lang|xml::lang|xmlns],body[style|dir|vlink|link|text|alink],head');
347
348     h = ser.serialize(doc.documentElement);
349     h = h.substring(0, h.lastIndexOf('</body>'));
350
351     if (h.indexOf('<title>') == -1)
352         h = h.replace(/<head.*?>/, '$&\n' + '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
353     else
354         h = h.replace(/<title>(.*?)<\/title>/, '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
355
356     if ((v = getSelectValue(f, 'doctypes')) != '')
357         h = v + '\n' + h;
358
359     if (f.xml_pi.checked) {
360         s = '<?xml version="1.0"';
361
362         if ((v = getSelectValue(f, '
docencoding')) != '')
363             s += ' 
encoding="' + v + '"';
364
365         s += '
?>\n';
366         h = s + h;
367     }
368
369     h = h.replace(/type=\"\-mce\-/gi, 'type="');
370
371     tinyMCEPopup.editor.plugins.fullpage.head = h;
372     tinyMCEPopup.editor.plugins.fullpage._setBodyAttribs(tinyMCEPopup.editor, {});
373     tinyMCEPopup.close();
374 }
375
376 function changedStyleField(field) {
377 }
378
379 function setMeta(he, k, v) {
380     var nl, i, m;
381
382     nl = he.getElementsByTagName('meta');
383     for (i=0; i<nl.length; i++) {
384         if (k == 'Content-Type' && tinyMCEPopup.dom.getAttrib(nl[i], 'http-equiv') == k) {
385             if (v == '')
386                 nl[i].parentNode.removeChild(nl[i]);
387             else
388                 nl[i].setAttribute('content', "text/html; charset=" + v);
389
390             return;
391         }
392
393         if (tinyMCEPopup.dom.getAttrib(nl[i], 'name') == k) {
394             if (v == '')
395                 nl[i].parentNode.removeChild(nl[i]);
396             else
397                 nl[i].setAttribute('content', v);
398             return;
399         }
400     }
401
402     if (v == '')
403         return;
404
405     m = doc.createElement('meta');
406
407     if (k == 'Content-Type')
408         m.httpEquiv = k;
409     else
410         m.setAttribute('name', k);
411
412     m.setAttribute('content', v);
413     he.appendChild(m);
414 }
415
416 function parseStyleElement(e) {
417     var v = e.innerHTML;
418     var p, i, r;
419
420     v = v.replace(/<!--/gi, '');
421     v = v.replace(/-->/gi, '');
422     v = v.replace(/[\n\r]/gi, '');
423     v = v.replace(/\s+/gi, ' ');
424
425     r = [];
426     p = v.split(/{|}/);
427
428     for (i=0; i<p.length; i+=2) {
429         if (p[i] != "")
430             r[r.length] = {rule : tinymce.trim(p[i]), data : tinyMCEPopup.dom.parseStyle(p[i+1])};
431     }
432
433     return r;
434 }
435
436 function serializeStyleElement(d) {
437     var i, s, st;
438
439     s = '<!--\n';
440
441     for (i=0; i<d.length; i++) {
442         s += d[i].rule + ' {\n';
443
444         st = tinyMCE.serializeStyle(d[i].data);
445
446         if (st != '')
447             st += ';';
448
449         s += st.replace(/;/g, ';\n');
450         s += '}\n';
451
452         if (i != d.length - 1)
453             s += '\n';
454     }
455
456     s += '\n-->';
457
458     return s;
459 }
460
461 tinyMCEPopup.onInit.add(init);
462