+++ /dev/null
-/**\r
- * fullpage.js\r
- *\r
- * Copyright 2009, Moxiecode Systems AB\r
- * Released under LGPL License.\r
- *\r
- * License: http://tinymce.moxiecode.com/license\r
- * Contributing: http://tinymce.moxiecode.com/contributing\r
- */\r
-\r
-(function() {\r
- tinyMCEPopup.requireLangPack();\r
-\r
- var defaultDocTypes = \r
- 'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +\r
- 'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +\r
- 'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +\r
- 'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +\r
- 'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +\r
- 'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +\r
- 'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">';\r
-\r
- var defaultEncodings = \r
- 'Western european (iso-8859-1)=iso-8859-1,' +\r
- 'Central European (iso-8859-2)=iso-8859-2,' +\r
- 'Unicode (UTF-8)=utf-8,' +\r
- 'Chinese traditional (Big5)=big5,' +\r
- 'Cyrillic (iso-8859-5)=iso-8859-5,' +\r
- 'Japanese (iso-2022-jp)=iso-2022-jp,' +\r
- 'Greek (iso-8859-7)=iso-8859-7,' +\r
- 'Korean (iso-2022-kr)=iso-2022-kr,' +\r
- 'ASCII (us-ascii)=us-ascii';\r
-\r
- 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';\r
- var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';\r
-\r
- function setVal(id, value) {\r
- var elm = document.getElementById(id);\r
-\r
- if (elm) {\r
- value = value || '';\r
-\r
- if (elm.nodeName == "SELECT")\r
- selectByValue(document.forms[0], id, value);\r
- else if (elm.type == "checkbox")\r
- elm.checked = !!value;\r
- else\r
- elm.value = value;\r
- }\r
- };\r
-\r
- function getVal(id) {\r
- var elm = document.getElementById(id);\r
-\r
- if (elm.nodeName == "SELECT")\r
- return elm.options[elm.selectedIndex].value;\r
-\r
- if (elm.type == "checkbox")\r
- return elm.checked;\r
-\r
- return elm.value;\r
- };\r
-\r
- window.FullPageDialog = {\r
- changedStyle : function() {\r
- var val, styles = tinyMCEPopup.editor.dom.parseStyle(getVal('style'));\r
-\r
- setVal('fontface', styles['font-face']);\r
- setVal('fontsize', styles['font-size']);\r
- setVal('textcolor', styles['color']);\r
-\r
- if (val = styles['background-image'])\r
- setVal('bgimage', val.replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1"));\r
- else\r
- setVal('bgimage', '');\r
-\r
- setVal('bgcolor', styles['background-color']);\r
-\r
- // Reset margin form elements\r
- setVal('topmargin', '');\r
- setVal('rightmargin', '');\r
- setVal('bottommargin', '');\r
- setVal('leftmargin', '');\r
-\r
- // Expand margin\r
- if (val = styles['margin']) {\r
- val = val.split(' ');\r
- styles['margin-top'] = val[0] || '';\r
- styles['margin-right'] = val[1] || val[0] || '';\r
- styles['margin-bottom'] = val[2] || val[0] || '';\r
- styles['margin-left'] = val[3] || val[0] || '';\r
- }\r
-\r
- if (val = styles['margin-top'])\r
- setVal('topmargin', val.replace(/px/, ''));\r
-\r
- if (val = styles['margin-right'])\r
- setVal('rightmargin', val.replace(/px/, ''));\r
-\r
- if (val = styles['margin-bottom'])\r
- setVal('bottommargin', val.replace(/px/, ''));\r
-\r
- if (val = styles['margin-left'])\r
- setVal('leftmargin', val.replace(/px/, ''));\r
-\r
- updateColor('bgcolor_pick', 'bgcolor');\r
- updateColor('textcolor_pick', 'textcolor');\r
- },\r
-\r
- changedStyleProp : function() {\r
- var val, dom = tinyMCEPopup.editor.dom, styles = dom.parseStyle(getVal('style'));\r
- \r
- styles['font-face'] = getVal('fontface');\r
- styles['font-size'] = getVal('fontsize');\r
- styles['color'] = getVal('textcolor');\r
- styles['background-color'] = getVal('bgcolor');\r
-\r
- if (val = getVal('bgimage'))\r
- styles['background-image'] = "url('" + val + "')";\r
- else\r
- styles['background-image'] = '';\r
-\r
- delete styles['margin'];\r
-\r
- if (val = getVal('topmargin'))\r
- styles['margin-top'] = val + "px";\r
- else\r
- styles['margin-top'] = '';\r
-\r
- if (val = getVal('rightmargin'))\r
- styles['margin-right'] = val + "px";\r
- else\r
- styles['margin-right'] = '';\r
-\r
- if (val = getVal('bottommargin'))\r
- styles['margin-bottom'] = val + "px";\r
- else\r
- styles['margin-bottom'] = '';\r
-\r
- if (val = getVal('leftmargin'))\r
- styles['margin-left'] = val + "px";\r
- else\r
- styles['margin-left'] = '';\r
-\r
- // Serialize, parse and reserialize this will compress redundant styles\r
- setVal('style', dom.serializeStyle(dom.parseStyle(dom.serializeStyle(styles))));\r
- this.changedStyle();\r
- },\r
- \r
- update : function() {\r
- var data = {};\r
-\r
- tinymce.each(tinyMCEPopup.dom.select('select,input,textarea'), function(node) {\r
- data[node.id] = getVal(node.id);\r
- });\r
-\r
- tinyMCEPopup.editor.plugins.fullpage._dataToHtml(data);\r
- tinyMCEPopup.close();\r
- }\r
- };\r
- \r
- function init() {\r
- var form = document.forms[0], i, item, list, editor = tinyMCEPopup.editor;\r
-\r
- // Setup doctype select box\r
- list = editor.getParam("fullpage_doctypes", defaultDocTypes).split(',');\r
- for (i = 0; i < list.length; i++) {\r
- item = list[i].split('=');\r
-\r
- if (item.length > 1)\r
- addSelectValue(form, 'doctype', item[0], item[1]);\r
- }\r
-\r
- // Setup fonts select box\r
- list = editor.getParam("fullpage_fonts", defaultFontNames).split(';');\r
- for (i = 0; i < list.length; i++) {\r
- item = list[i].split('=');\r
-\r
- if (item.length > 1)\r
- addSelectValue(form, 'fontface', item[0], item[1]);\r
- }\r
-\r
- // Setup fontsize select box\r
- list = editor.getParam("fullpage_fontsizes", defaultFontSizes).split(',');\r
- for (i = 0; i < list.length; i++)\r
- addSelectValue(form, 'fontsize', list[i], list[i]);\r
-\r
- // Setup encodings select box\r
- list = editor.getParam("fullpage_encodings", defaultEncodings).split(',');\r
- for (i = 0; i < list.length; i++) {\r
- item = list[i].split('=');\r
-\r
- if (item.length > 1)\r
- addSelectValue(form, 'docencoding', item[0], item[1]);\r
- }\r
-\r
- // Setup color pickers\r
- document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');\r
- document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color');\r
- document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color');\r
- document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color');\r
- document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');\r
- document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');\r
- document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage');\r
-\r
- // Resize some elements\r
- if (isVisible('stylesheetbrowser'))\r
- document.getElementById('stylesheet').style.width = '220px';\r
-\r
- if (isVisible('link_href_browser'))\r
- document.getElementById('element_link_href').style.width = '230px';\r
-\r
- if (isVisible('bgimage_browser'))\r
- document.getElementById('bgimage').style.width = '210px';\r
-\r
- // Update form\r
- tinymce.each(tinyMCEPopup.getWindowArg('data'), function(value, key) {\r
- setVal(key, value);\r
- });\r
-\r
- FullPageDialog.changedStyle();\r
-\r
- // Update colors\r
- updateColor('textcolor_pick', 'textcolor');\r
- updateColor('bgcolor_pick', 'bgcolor');\r
- updateColor('visited_color_pick', 'visited_color');\r
- updateColor('active_color_pick', 'active_color');\r
- updateColor('link_color_pick', 'link_color');\r
- };\r
-\r
- tinyMCEPopup.onInit.add(init);\r
-})();\r