PageRenderTime 109ms CodeModel.GetById 54ms app.highlight 46ms RepoModel.GetById 1ms app.codeStats 1ms

/static/scripts/tiny_mce/plugins/fullpage/js/fullpage.js

http://n23.googlecode.com/
JavaScript | 462 lines | 354 code | 86 blank | 22 comment | 96 complexity | 296470a2b7ac6622dea2967a0d167358 MD5 | raw file
  1tinyMCEPopup.requireLangPack();
  2
  3var doc;
  4
  5var 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
 14var 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
 25var 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
 36var 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';
 37var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
 38
 39function 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, value, 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
254function 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
263function 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
376function changedStyleField(field) {
377	//alert(field.id);
378}
379
380function setMeta(he, k, v) {
381	var nl, i, m;
382
383	nl = he.getElementsByTagName('meta');
384	for (i=0; i<nl.length; i++) {
385		if (k == 'Content-Type' && tinyMCEPopup.dom.getAttrib(nl[i], 'http-equiv') == k) {
386			if (v == '')
387				nl[i].parentNode.removeChild(nl[i]);
388			else
389				nl[i].setAttribute('content', "text/html; charset=" + v);
390
391			return;
392		}
393
394		if (tinyMCEPopup.dom.getAttrib(nl[i], 'name') == k) {
395			if (v == '')
396				nl[i].parentNode.removeChild(nl[i]);
397			else
398				nl[i].setAttribute('content', v);
399			return;
400		}
401	}
402
403	if (v == '')
404		return;
405
406	m = doc.createElement('meta');
407
408	if (k == 'Content-Type')
409		m.httpEquiv = k;
410	else
411		m.setAttribute('name', k);
412
413	m.setAttribute('content', v);
414	he.appendChild(m);
415}
416
417function parseStyleElement(e) {
418	var v = e.innerHTML;
419	var p, i, r;
420
421	v = v.replace(/<!--/gi, '');
422	v = v.replace(/-->/gi, '');
423	v = v.replace(/[\n\r]/gi, '');
424	v = v.replace(/\s+/gi, ' ');
425
426	r = [];
427	p = v.split(/{|}/);
428
429	for (i=0; i<p.length; i+=2) {
430		if (p[i] != "")
431			r[r.length] = {rule : tinymce.trim(p[i]), data : tinyMCEPopup.dom.parseStyle(p[i+1])};
432	}
433
434	return r;
435}
436
437function serializeStyleElement(d) {
438	var i, s, st;
439
440	s = '<!--\n';
441
442	for (i=0; i<d.length; i++) {
443		s += d[i].rule + ' {\n';
444
445		st = tinyMCE.serializeStyle(d[i].data);
446
447		if (st != '')
448			st += ';';
449
450		s += st.replace(/;/g, ';\n');
451		s += '}\n';
452
453		if (i != d.length - 1)
454			s += '\n';
455	}
456
457	s += '\n-->';
458
459	return s;
460}
461
462tinyMCEPopup.onInit.add(init);