--- /dev/null
+/**\r
+ * editor_plugin_src.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
+ var each = tinymce.each, Node = tinymce.html.Node;\r
+\r
+ tinymce.create('tinymce.plugins.FullPagePlugin', {\r
+ init : function(ed, url) {\r
+ var t = this;\r
+\r
+ t.editor = ed;\r
+\r
+ // Register commands\r
+ ed.addCommand('mceFullPageProperties', function() {\r
+ ed.windowManager.open({\r
+ file : url + '/fullpage.htm',\r
+ width : 430 + parseInt(ed.getLang('fullpage.delta_width', 0)),\r
+ height : 495 + parseInt(ed.getLang('fullpage.delta_height', 0)),\r
+ inline : 1\r
+ }, {\r
+ plugin_url : url,\r
+ data : t._htmlToData()\r
+ });\r
+ });\r
+\r
+ // Register buttons\r
+ ed.addButton('fullpage', {title : 'fullpage.desc', cmd : 'mceFullPageProperties'});\r
+\r
+ ed.onBeforeSetContent.add(t._setContent, t);\r
+ ed.onGetContent.add(t._getContent, t);\r
+ },\r
+\r
+ getInfo : function() {\r
+ return {\r
+ longname : 'Fullpage',\r
+ author : 'Moxiecode Systems AB',\r
+ authorurl : 'http://tinymce.moxiecode.com',\r
+ infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage',\r
+ version : tinymce.majorVersion + "." + tinymce.minorVersion\r
+ };\r
+ },\r
+\r
+ // Private plugin internal methods\r
+\r
+ _htmlToData : function() {\r
+ var headerFragment = this._parseHeader(), data = {}, nodes, elm, matches, editor = this.editor;\r
+\r
+ function getAttr(elm, name) {\r
+ var value = elm.attr(name);\r
+\r
+ return value || '';\r
+ };\r
+\r
+ // Default some values\r
+ data.fontface = editor.getParam("fullpage_default_fontface", "");\r
+ data.fontsize = editor.getParam("fullpage_default_fontsize", "");\r
+\r
+ // Parse XML PI\r
+ elm = headerFragment.firstChild;\r
+ if (elm.type == 7) {\r
+ data.xml_pi = true;\r
+ matches = /encoding="([^"]+)"/.exec(elm.value);\r
+ if (matches)\r
+ data.docencoding = matches[1];\r
+ }\r
+\r
+ // Parse doctype\r
+ elm = headerFragment.getAll('#doctype')[0];\r
+ if (elm)\r
+ data.doctype = '<!DOCTYPE' + elm.value + ">"; \r
+\r
+ // Parse title element\r
+ elm = headerFragment.getAll('title')[0];\r
+ if (elm && elm.firstChild) {\r
+ data.metatitle = elm.firstChild.value;\r
+ }\r
+\r
+ // Parse meta elements\r
+ each(headerFragment.getAll('meta'), function(meta) {\r
+ var name = meta.attr('name'), httpEquiv = meta.attr('http-equiv'), matches;\r
+\r
+ if (name)\r
+ data['meta' + name.toLowerCase()] = meta.attr('content');\r
+ else if (httpEquiv == "Content-Type") {\r
+ matches = /charset\s*=\s*(.*)\s*/gi.exec(meta.attr('content'));\r
+\r
+ if (matches)\r
+ data.docencoding = matches[1];\r
+ }\r
+ });\r
+\r
+ // Parse html attribs\r
+ elm = headerFragment.getAll('html')[0];\r
+ if (elm)\r
+ data.langcode = getAttr(elm, 'lang') || getAttr(elm, 'xml:lang');\r
+ \r
+ // Parse stylesheet\r
+ elm = headerFragment.getAll('link')[0];\r
+ if (elm && elm.attr('rel') == 'stylesheet')\r
+ data.stylesheet = elm.attr('href');\r
+\r
+ // Parse body parts\r
+ elm = headerFragment.getAll('body')[0];\r
+ if (elm) {\r
+ data.langdir = getAttr(elm, 'dir');\r
+ data.style = getAttr(elm, 'style');\r
+ data.visited_color = getAttr(elm, 'vlink');\r
+ data.link_color = getAttr(elm, 'link');\r
+ data.active_color = getAttr(elm, 'alink');\r
+ }\r
+\r
+ return data;\r
+ },\r
+\r
+ _dataToHtml : function(data) {\r
+ var headerFragment, headElement, html, elm, value, dom = this.editor.dom;\r
+\r
+ function setAttr(elm, name, value) {\r
+ elm.attr(name, value ? value : undefined);\r
+ };\r
+\r
+ function addHeadNode(node) {\r
+ if (headElement.firstChild)\r
+ headElement.insert(node, headElement.firstChild);\r
+ else\r
+ headElement.append(node);\r
+ };\r
+\r
+ headerFragment = this._parseHeader();\r
+ headElement = headerFragment.getAll('head')[0];\r
+ if (!headElement) {\r
+ elm = headerFragment.getAll('html')[0];\r
+ headElement = new Node('head', 1);\r
+\r
+ if (elm.firstChild)\r
+ elm.insert(headElement, elm.firstChild, true);\r
+ else\r
+ elm.append(headElement);\r
+ }\r
+\r
+ // Add/update/remove XML-PI\r
+ elm = headerFragment.firstChild;\r
+ if (data.xml_pi) {\r
+ value = 'version="1.0"';\r
+\r
+ if (data.docencoding)\r
+ value += ' encoding="' + data.docencoding + '"';\r
+\r
+ if (elm.type != 7) {\r
+ elm = new Node('xml', 7);\r
+ headerFragment.insert(elm, headerFragment.firstChild, true);\r
+ }\r
+\r
+ elm.value = value;\r
+ } else if (elm && elm.type == 7)\r
+ elm.remove();\r
+\r
+ // Add/update/remove doctype\r
+ elm = headerFragment.getAll('#doctype')[0];\r
+ if (data.doctype) {\r
+ if (!elm) {\r
+ elm = new Node('#doctype', 10);\r
+\r
+ if (data.xml_pi)\r
+ headerFragment.insert(elm, headerFragment.firstChild);\r
+ else\r
+ addHeadNode(elm);\r
+ }\r
+\r
+ elm.value = data.doctype.substring(9, data.doctype.length - 1);\r
+ } else if (elm)\r
+ elm.remove();\r
+\r
+ // Add/update/remove title\r
+ elm = headerFragment.getAll('title')[0];\r
+ if (data.metatitle) {\r
+ if (!elm) {\r
+ elm = new Node('title', 1);\r
+ elm.append(new Node('#text', 3)).value = data.metatitle;\r
+ addHeadNode(elm);\r
+ }\r
+ }\r
+\r
+ // Add meta encoding\r
+ if (data.docencoding) {\r
+ elm = null;\r
+ each(headerFragment.getAll('meta'), function(meta) {\r
+ if (meta.attr('http-equiv') == 'Content-Type')\r
+ elm = meta;\r
+ });\r
+\r
+ if (!elm) {\r
+ elm = new Node('meta', 1);\r
+ elm.attr('http-equiv', 'Content-Type');\r
+ elm.shortEnded = true;\r
+ addHeadNode(elm);\r
+ }\r
+\r
+ elm.attr('content', 'text/html; charset=' + data.docencoding);\r
+ }\r
+\r
+ // Add/update/remove meta\r
+ each('keywords,description,author,copyright,robots'.split(','), function(name) {\r
+ var nodes = headerFragment.getAll('meta'), i, meta, value = data['meta' + name];\r
+\r
+ for (i = 0; i < nodes.length; i++) {\r
+ meta = nodes[i];\r
+\r
+ if (meta.attr('name') == name) {\r
+ if (value)\r
+ meta.attr('content', value);\r
+ else\r
+ meta.remove();\r
+\r
+ return;\r
+ }\r
+ }\r
+\r
+ if (value) {\r
+ elm = new Node('meta', 1);\r
+ elm.attr('name', name);\r
+ elm.attr('content', value);\r
+ elm.shortEnded = true;\r
+\r
+ addHeadNode(elm);\r
+ }\r
+ });\r
+\r
+ // Add/update/delete link\r
+ elm = headerFragment.getAll('link')[0];\r
+ if (elm && elm.attr('rel') == 'stylesheet') {\r
+ if (data.stylesheet)\r
+ elm.attr('href', data.stylesheet);\r
+ else\r
+ elm.remove();\r
+ } else if (data.stylesheet) {\r
+ elm = new Node('link', 1);\r
+ elm.attr({\r
+ rel : 'stylesheet',\r
+ text : 'text/css',\r
+ href : data.stylesheet\r
+ });\r
+ elm.shortEnded = true;\r
+\r
+ addHeadNode(elm);\r
+ }\r
+\r
+ // Update body attributes\r
+ elm = headerFragment.getAll('body')[0];\r
+ if (elm) {\r
+ setAttr(elm, 'dir', data.langdir);\r
+ setAttr(elm, 'style', data.style);\r
+ setAttr(elm, 'vlink', data.visited_color);\r
+ setAttr(elm, 'link', data.link_color);\r
+ setAttr(elm, 'alink', data.active_color);\r
+\r
+ // Update iframe body as well\r
+ dom.setAttribs(this.editor.getBody(), {\r
+ style : data.style,\r
+ dir : data.dir,\r
+ vLink : data.visited_color,\r
+ link : data.link_color,\r
+ aLink : data.active_color\r
+ });\r
+ }\r
+\r
+ // Set html attributes\r
+ elm = headerFragment.getAll('html')[0];\r
+ if (elm) {\r
+ setAttr(elm, 'lang', data.langcode);\r
+ setAttr(elm, 'xml:lang', data.langcode);\r
+ }\r
+\r
+ // Serialize header fragment and crop away body part\r
+ html = new tinymce.html.Serializer({\r
+ validate: false,\r
+ indent: true,\r
+ apply_source_formatting : true,\r
+ indent_before: 'head,html,body,meta,title,script,link,style',\r
+ indent_after: 'head,html,body,meta,title,script,link,style'\r
+ }).serialize(headerFragment);\r
+\r
+ this.head = html.substring(0, html.indexOf('</body>'));\r
+ },\r
+\r
+ _parseHeader : function() {\r
+ // Parse the contents with a DOM parser\r
+ return new tinymce.html.DomParser({\r
+ validate: false,\r
+ root_name: '#document'\r
+ }).parse(this.head);\r
+ },\r
+\r
+ _setContent : function(ed, o) {\r
+ var self = this, startPos, endPos, content = o.content, headerFragment, styles = '', dom = self.editor.dom, elm;\r
+\r
+ function low(s) {\r
+ return s.replace(/<\/?[A-Z]+/g, function(a) {\r
+ return a.toLowerCase();\r
+ })\r
+ };\r
+\r
+ // Ignore raw updated if we already have a head, this will fix issues with undo/redo keeping the head/foot separate\r
+ if (o.format == 'raw' && self.head)\r
+ return;\r
+\r
+ if (o.source_view && ed.getParam('fullpage_hide_in_source_view'))\r
+ return;\r
+\r
+ // Parse out head, body and footer\r
+ content = content.replace(/<(\/?)BODY/gi, '<$1body');\r
+ startPos = content.indexOf('<body');\r
+\r
+ if (startPos != -1) {\r
+ startPos = content.indexOf('>', startPos);\r
+ self.head = low(content.substring(0, startPos + 1));\r
+\r
+ endPos = content.indexOf('</body', startPos);\r
+ if (endPos == -1)\r
+ endPos = content.length;\r
+\r
+ o.content = content.substring(startPos + 1, endPos);\r
+ self.foot = low(content.substring(endPos));\r
+ } else {\r
+ self.head = this._getDefaultHeader();\r
+ self.foot = '\n</body>\n</html>';\r
+ }\r
+\r
+ // Parse header and update iframe\r
+ headerFragment = self._parseHeader();\r
+ each(headerFragment.getAll('style'), function(node) {\r
+ if (node.firstChild)\r
+ styles += node.firstChild.value;\r
+ });\r
+\r
+ elm = headerFragment.getAll('body')[0];\r
+ if (elm) {\r
+ dom.setAttribs(self.editor.getBody(), {\r
+ style : elm.attr('style') || '',\r
+ dir : elm.attr('dir') || '',\r
+ vLink : elm.attr('vlink') || '',\r
+ link : elm.attr('link') || '',\r
+ aLink : elm.attr('alink') || ''\r
+ });\r
+ }\r
+\r
+ dom.remove('fullpage_styles');\r
+\r
+ if (styles) {\r
+ dom.add(self.editor.getDoc().getElementsByTagName('head')[0], 'style', {id : 'fullpage_styles'}, styles);\r
+\r
+ // Needed for IE 6/7\r
+ elm = dom.get('fullpage_styles');\r
+ if (elm.styleSheet)\r
+ elm.styleSheet.cssText = styles;\r
+ }\r
+ },\r
+\r
+ _getDefaultHeader : function() {\r
+ var header = '', editor = this.editor, value, styles = '';\r
+\r
+ if (editor.getParam('fullpage_default_xml_pi'))\r
+ header += '<?xml version="1.0" encoding="' + editor.getParam('fullpage_default_encoding', 'ISO-8859-1') + '" ?>\n';\r
+\r
+ header += editor.getParam('fullpage_default_doctype', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');\r
+ header += '\n<html>\n<head>\n';\r
+\r
+ if (value = editor.getParam('fullpage_default_title'))\r
+ header += '<title>' + value + '</title>\n';\r
+\r
+ if (value = editor.getParam('fullpage_default_encoding'))\r
+ header += '<meta http-equiv="Content-Type" content="text/html; charset=' + value + '" />\n';\r
+\r
+ if (value = editor.getParam('fullpage_default_font_family'))\r
+ styles += 'font-family: ' + value + ';';\r
+\r
+ if (value = editor.getParam('fullpage_default_font_size'))\r
+ styles += 'font-size: ' + value + ';';\r
+\r
+ if (value = editor.getParam('fullpage_default_text_color'))\r
+ styles += 'color: ' + value + ';';\r
+\r
+ header += '</head>\n<body' + (styles ? ' style="' + styles + '"' : '') + '>\n';\r
+\r
+ return header;\r
+ },\r
+\r
+ _getContent : function(ed, o) {\r
+ var self = this;\r
+\r
+ if (!o.source_view || !ed.getParam('fullpage_hide_in_source_view'))\r
+ o.content = tinymce.trim(self.head) + '\n' + tinymce.trim(o.content) + '\n' + tinymce.trim(self.foot);\r
+ }\r
+ });\r
+\r
+ // Register plugin\r
+ tinymce.PluginManager.add('fullpage', tinymce.plugins.FullPagePlugin);\r
+})();\r
projects / citadel.git / blobdiff