4
* Copyright 2009, Moxiecode Systems AB
5
* Released under LGPL License.
7
* License: http://tinymce.moxiecode.com/license
8
* Contributing: http://tinymce.moxiecode.com/contributing
11
tinyMCEPopup.requireLangPack();
16
'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
17
'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
18
'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
19
'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
20
'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
21
'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
22
'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">';
24
var defaultEncodings =
25
'Western european (iso-8859-1)=iso-8859-1,' +
26
'Central European (iso-8859-2)=iso-8859-2,' +
27
'Unicode (UTF-8)=utf-8,' +
28
'Chinese traditional (Big5)=big5,' +
29
'Cyrillic (iso-8859-5)=iso-8859-5,' +
30
'Japanese (iso-2022-jp)=iso-2022-jp,' +
31
'Greek (iso-8859-7)=iso-8859-7,' +
32
'Korean (iso-2022-kr)=iso-2022-kr,' +
33
'ASCII (us-ascii)=us-ascii';
35
var defaultMediaTypes =
41
'projection=projection,' +
42
'handheld=handheld,' +
46
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';
47
var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
50
var f = document.forms['fullpage'], el = f.elements, e, i, p, doctypes, encodings, mediaTypes, fonts, ed = tinyMCEPopup.editor, dom = tinyMCEPopup.dom, style;
52
// Setup doctype select box
53
doctypes = ed.getParam("fullpage_doctypes", defaultDocTypes).split(',');
54
for (i=0; i<doctypes.length; i++) {
55
p = doctypes[i].split('=');
58
addSelectValue(f, 'doctypes', p[0], p[1]);
61
// Setup fonts select box
62
fonts = ed.getParam("fullpage_fonts", defaultFontNames).split(';');
63
for (i=0; i<fonts.length; i++) {
64
p = fonts[i].split('=');
67
addSelectValue(f, 'fontface', p[0], p[1]);
70
// Setup fontsize select box
71
fonts = ed.getParam("fullpage_fontsizes", defaultFontSizes).split(',');
72
for (i=0; i<fonts.length; i++)
73
addSelectValue(f, 'fontsize', fonts[i], fonts[i]);
75
// Setup mediatype select boxs
76
mediaTypes = ed.getParam("fullpage_media_types", defaultMediaTypes).split(',');
77
for (i=0; i<mediaTypes.length; i++) {
78
p = mediaTypes[i].split('=');
81
addSelectValue(f, 'element_style_media', p[0], p[1]);
82
addSelectValue(f, 'element_link_media', p[0], p[1]);
86
// Setup encodings select box
87
encodings = ed.getParam("fullpage_encodings", defaultEncodings).split(',');
88
for (i=0; i<encodings.length; i++) {
89
p = encodings[i].split('=');
92
addSelectValue(f, 'docencoding', p[0], p[1]);
93
addSelectValue(f, 'element_script_charset', p[0], p[1]);
94
addSelectValue(f, 'element_link_charset', p[0], p[1]);
98
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
99
document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color');
100
//document.getElementById('hover_color_pickcontainer').innerHTML = getColorPickerHTML('hover_color_pick','hover_color');
101
document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color');
102
document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color');
103
document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');
104
document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');
105
document.getElementById('link_href_pickcontainer').innerHTML = getBrowserHTML('link_href_browser','element_link_href','file','fullpage');
106
document.getElementById('script_src_pickcontainer').innerHTML = getBrowserHTML('script_src_browser','element_script_src','file','fullpage');
107
document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage');
109
// Resize some elements
110
if (isVisible('stylesheetbrowser'))
111
document.getElementById('stylesheet').style.width = '220px';
113
if (isVisible('link_href_browser'))
114
document.getElementById('element_link_href').style.width = '230px';
116
if (isVisible('bgimage_browser'))
117
document.getElementById('bgimage').style.width = '210px';
120
dom.add(document.body, 'iframe', {id : 'documentIframe', src : 'javascript:""', style : {display : 'none'}});
121
doc = dom.get('documentIframe').contentWindow.document;
122
h = tinyMCEPopup.getWindowArg('head_html');
124
// Preprocess the HTML disable scripts and urls
125
h = h.replace(/<script>/gi, '<script type="text/javascript">');
126
h = h.replace(/type=([\"\'])?/gi, 'type=$1-mce-');
127
h = h.replace(/(src=|href=)/g, '_mce_$1');
129
// Write in the content in the iframe
130
doc.write(h + '</body></html>');
133
// Parse xml and doctype
134
xmlVer = getReItem(/<\?\s*?xml.*?version\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
135
xmlEnc = getReItem(/<\?\s*?xml.*?encoding\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
136
docType = getReItem(/<\!DOCTYPE.*?>/gi, h.replace(/\n/g, ''), 0).replace(/ +/g, ' ');
137
f.langcode.value = getReItem(/lang="(.*?)"/gi, h, 1);
140
if (e = doc.getElementsByTagName('title')[0])
141
el.metatitle.value = e.textContent || e.text;
144
tinymce.each(doc.getElementsByTagName('meta'), function(n) {
145
var na = (n.getAttribute('name', 2) || '').toLowerCase(), va = n.getAttribute('content', 2), eq = n.getAttribute('httpEquiv', 2) || '';
149
if (na == 'robots') {
150
selectByValue(f, 'metarobots', tinymce.trim(va), true, true);
154
switch (eq.toLowerCase()) {
156
tmp = getReItem(/charset\s*=\s*(.*)\s*/gi, va, 1);
158
// Override XML encoding
169
selectByValue(f, 'doctypes', docType, true, true);
170
selectByValue(f, 'docencoding', xmlEnc, true, true);
171
selectByValue(f, 'langdir', doc.body.getAttribute('dir', 2) || '', true, true);
174
el.xml_pi.checked = true;
178
// Parse primary stylesheet
179
tinymce.each(doc.getElementsByTagName("link"), function(l) {
180
var m = l.getAttribute('media', 2) || '', t = l.getAttribute('type', 2) || '';
182
if (t == "-mce-text/css" && (m == "" || m == "screen" || m == "all") && (l.getAttribute('rel', 2) || '') == "stylesheet") {
183
f.stylesheet.value = l.getAttribute('_mce_href', 2) || '';
188
// Get from style elements
189
tinymce.each(doc.getElementsByTagName("style"), function(st) {
190
var tmp = parseStyleElement(st);
192
for (x=0; x<tmp.length; x++) {
193
if (tmp[x].rule.indexOf('a:visited') != -1 && tmp[x].data['color'])
194
f.visited_color.value = tmp[x].data['color'];
196
if (tmp[x].rule.indexOf('a:link') != -1 && tmp[x].data['color'])
197
f.link_color.value = tmp[x].data['color'];
199
if (tmp[x].rule.indexOf('a:active') != -1 && tmp[x].data['color'])
200
f.active_color.value = tmp[x].data['color'];
204
f.textcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "text");
205
f.active_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "alink");
206
f.link_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "link");
207
f.visited_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "vlink");
208
f.bgcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "bgcolor");
209
f.bgimage.value = tinyMCEPopup.dom.getAttrib(doc.body, "background");
211
// Get from style info
212
style = tinyMCEPopup.dom.parseStyle(tinyMCEPopup.dom.getAttrib(doc.body, 'style'));
214
if (style['font-family'])
215
selectByValue(f, 'fontface', style['font-family'], true, true);
217
selectByValue(f, 'fontface', ed.getParam("fullpage_default_fontface", ""), true, true);
219
if (style['font-size'])
220
selectByValue(f, 'fontsize', style['font-size'], true, true);
222
selectByValue(f, 'fontsize', ed.getParam("fullpage_default_fontsize", ""), true, true);
225
f.textcolor.value = convertRGBToHex(style['color']);
227
if (style['background-image'])
228
f.bgimage.value = style['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
230
if (style['background-color'])
231
f.bgcolor.value = style['background-color'];
233
if (style['margin']) {
234
tmp = style['margin'].replace(/[^0-9 ]/g, '');
235
tmp = tmp.split(/ +/);
236
f.topmargin.value = tmp.length > 0 ? tmp[0] : '';
237
f.rightmargin.value = tmp.length > 1 ? tmp[1] : tmp[0];
238
f.bottommargin.value = tmp.length > 2 ? tmp[2] : tmp[0];
239
f.leftmargin.value = tmp.length > 3 ? tmp[3] : tmp[0];
242
if (style['margin-left'])
243
f.leftmargin.value = style['margin-left'].replace(/[^0-9]/g, '');
245
if (style['margin-right'])
246
f.rightmargin.value = style['margin-right'].replace(/[^0-9]/g, '');
248
if (style['margin-top'])
249
f.topmargin.value = style['margin-top'].replace(/[^0-9]/g, '');
251
if (style['margin-bottom'])
252
f.bottommargin.value = style['margin-bottom'].replace(/[^0-9]/g, '');
254
f.style.value = tinyMCEPopup.dom.serializeStyle(style);
257
updateColor('textcolor_pick', 'textcolor');
258
updateColor('bgcolor_pick', 'bgcolor');
259
updateColor('visited_color_pick', 'visited_color');
260
updateColor('active_color_pick', 'active_color');
261
updateColor('link_color_pick', 'link_color');
264
function getReItem(r, s, i) {
267
if (c && c.length > i)
273
function updateAction() {
274
var f = document.forms[0], nl, i, h, v, s, head, html, l, tmp, addlink = true, ser;
276
head = doc.getElementsByTagName('head')[0];
278
// Fix scripts without a type
279
nl = doc.getElementsByTagName('script');
280
for (i=0; i<nl.length; i++) {
281
if (tinyMCEPopup.dom.getAttrib(nl[i], '_mce_type') == '')
282
nl[i].setAttribute('_mce_type', 'text/javascript');
285
// Get primary stylesheet
286
nl = doc.getElementsByTagName("link");
287
for (i=0; i<nl.length; i++) {
290
tmp = tinyMCEPopup.dom.getAttrib(l, 'media');
292
if (tinyMCEPopup.dom.getAttrib(l, '_mce_type') == "text/css" && (tmp == "" || tmp == "screen" || tmp == "all") && tinyMCEPopup.dom.getAttrib(l, 'rel') == "stylesheet") {
295
if (f.stylesheet.value == '')
296
l.parentNode.removeChild(l);
298
l.setAttribute('_mce_href', f.stylesheet.value);
305
if (f.stylesheet.value != '') {
306
l = doc.createElement('link');
308
l.setAttribute('type', 'text/css');
309
l.setAttribute('_mce_href', f.stylesheet.value);
310
l.setAttribute('rel', 'stylesheet');
315
setMeta(head, 'keywords', f.metakeywords.value);
316
setMeta(head, 'description', f.metadescription.value);
317
setMeta(head, 'author', f.metaauthor.value);
318
setMeta(head, 'copyright', f.metacopyright.value);
319
setMeta(head, 'robots', getSelectValue(f, 'metarobots'));
320
setMeta(head, 'Content-Type', getSelectValue(f, 'docencoding'));
322
doc.body.dir = getSelectValue(f, 'langdir');
323
doc.body.style.cssText = f.style.value;
325
doc.body.setAttribute('vLink', f.visited_color.value);
326
doc.body.setAttribute('link', f.link_color.value);
327
doc.body.setAttribute('text', f.textcolor.value);
328
doc.body.setAttribute('aLink', f.active_color.value);
330
doc.body.style.fontFamily = getSelectValue(f, 'fontface');
331
doc.body.style.fontSize = getSelectValue(f, 'fontsize');
332
doc.body.style.backgroundColor = f.bgcolor.value;
334
if (f.leftmargin.value != '')
335
doc.body.style.marginLeft = f.leftmargin.value + 'px';
337
if (f.rightmargin.value != '')
338
doc.body.style.marginRight = f.rightmargin.value + 'px';
340
if (f.bottommargin.value != '')
341
doc.body.style.marginBottom = f.bottommargin.value + 'px';
343
if (f.topmargin.value != '')
344
doc.body.style.marginTop = f.topmargin.value + 'px';
346
html = doc.getElementsByTagName('html')[0];
347
html.setAttribute('lang', f.langcode.value);
348
html.setAttribute('xml:lang', f.langcode.value);
350
if (f.bgimage.value != '')
351
doc.body.style.backgroundImage = "url('" + f.bgimage.value + "')";
353
doc.body.style.backgroundImage = '';
355
ser = tinyMCEPopup.editor.plugins.fullpage._createSerializer();
356
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');
358
h = ser.serialize(doc.documentElement);
359
h = h.substring(0, h.lastIndexOf('</body>'));
361
if (h.indexOf('<title>') == -1)
362
h = h.replace(/<head.*?>/, '$&\n' + '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
364
h = h.replace(/<title>(.*?)<\/title>/, '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
366
if ((v = getSelectValue(f, 'doctypes')) != '')
369
if (f.xml_pi.checked) {
370
s = '<?xml version="1.0"';
372
if ((v = getSelectValue(f, 'docencoding')) != '')
373
s += ' encoding="' + v + '"';
379
h = h.replace(/type=\"\-mce\-/gi, 'type="');
381
tinyMCEPopup.editor.plugins.fullpage.head = h;
382
tinyMCEPopup.editor.plugins.fullpage._setBodyAttribs(tinyMCEPopup.editor, {});
383
tinyMCEPopup.close();
386
function changedStyleField(field) {
389
function setMeta(he, k, v) {
392
nl = he.getElementsByTagName('meta');
393
for (i=0; i<nl.length; i++) {
394
if (k == 'Content-Type' && tinyMCEPopup.dom.getAttrib(nl[i], 'http-equiv') == k) {
396
nl[i].parentNode.removeChild(nl[i]);
398
nl[i].setAttribute('content', "text/html; charset=" + v);
403
if (tinyMCEPopup.dom.getAttrib(nl[i], 'name') == k) {
405
nl[i].parentNode.removeChild(nl[i]);
407
nl[i].setAttribute('content', v);
415
m = doc.createElement('meta');
417
if (k == 'Content-Type')
420
m.setAttribute('name', k);
422
m.setAttribute('content', v);
426
function parseStyleElement(e) {
430
v = v.replace(/<!--/gi, '');
431
v = v.replace(/-->/gi, '');
432
v = v.replace(/[\n\r]/gi, '');
433
v = v.replace(/\s+/gi, ' ');
438
for (i=0; i<p.length; i+=2) {
440
r[r.length] = {rule : tinymce.trim(p[i]), data : tinyMCEPopup.dom.parseStyle(p[i+1])};
446
function serializeStyleElement(d) {
451
for (i=0; i<d.length; i++) {
452
s += d[i].rule + ' {\n';
454
st = tinyMCE.serializeStyle(d[i].data);
459
s += st.replace(/;/g, ';\n');
462
if (i != d.length - 1)
471
tinyMCEPopup.onInit.add(init);