annotate media/js/tiny_mce/plugins/fullscreen/fullscreen.htm @ 133:c515b7401078

Use the new common way to apply markItUp to textareas and to get the smiley and markdown help dialogs for all the remaining apps except for forums and comments.
author Brian Neal <bgneal@gmail.com>
date Fri, 27 Nov 2009 00:21:47 +0000
parents a5b4c5ce0658
children 149c3567fec1
rev   line source
bgneal@45 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
bgneal@45 2 <html xmlns="http://www.w3.org/1999/xhtml">
bgneal@45 3 <head>
bgneal@45 4 <title></title>
bgneal@45 5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
bgneal@45 6 <script type="text/javascript" src="../../tiny_mce.js"></script>
bgneal@45 7 <script type="text/javascript">
bgneal@45 8 function patchCallback(settings, key) {
bgneal@45 9 if (settings[key])
bgneal@45 10 settings[key] = "window.opener." + settings[key];
bgneal@45 11 }
bgneal@45 12
bgneal@45 13 var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id;
bgneal@45 14
bgneal@45 15 // Clone array
bgneal@45 16 for (var n in paSe)
bgneal@45 17 settings[n] = paSe[n];
bgneal@45 18
bgneal@45 19 // Override options for fullscreen
bgneal@45 20 for (var n in paSe.fullscreen_settings)
bgneal@45 21 settings[n] = paSe.fullscreen_settings[n];
bgneal@45 22
bgneal@45 23 // Patch callbacks, make them point to window.opener
bgneal@45 24 patchCallback(settings, 'urlconverter_callback');
bgneal@45 25 patchCallback(settings, 'insertlink_callback');
bgneal@45 26 patchCallback(settings, 'insertimage_callback');
bgneal@45 27 patchCallback(settings, 'setupcontent_callback');
bgneal@45 28 patchCallback(settings, 'save_callback');
bgneal@45 29 patchCallback(settings, 'onchange_callback');
bgneal@45 30 patchCallback(settings, 'init_instance_callback');
bgneal@45 31 patchCallback(settings, 'file_browser_callback');
bgneal@45 32 patchCallback(settings, 'cleanup_callback');
bgneal@45 33 patchCallback(settings, 'execcommand_callback');
bgneal@45 34 patchCallback(settings, 'oninit');
bgneal@45 35
bgneal@45 36 // Set options
bgneal@45 37 delete settings.id;
bgneal@45 38 settings['mode'] = 'exact';
bgneal@45 39 settings['elements'] = 'fullscreenarea';
bgneal@45 40 settings['add_unload_trigger'] = false;
bgneal@45 41 settings['ask'] = false;
bgneal@45 42 settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI();
bgneal@45 43 settings['fullscreen_is_enabled'] = true;
bgneal@45 44 settings['fullscreen_editor_id'] = oeID;
bgneal@45 45 settings['theme_advanced_resizing'] = false;
bgneal@45 46 settings['strict_loading_mode'] = true;
bgneal@45 47
bgneal@45 48 settings.save_onsavecallback = function() {
bgneal@45 49 window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'});
bgneal@45 50 window.opener.tinyMCE.get(oeID).execCommand('mceSave');
bgneal@45 51 window.close();
bgneal@45 52 };
bgneal@45 53
bgneal@45 54 function unloadHandler(e) {
bgneal@45 55 moveContent();
bgneal@45 56 }
bgneal@45 57
bgneal@45 58 function moveContent() {
bgneal@45 59 window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent());
bgneal@45 60 }
bgneal@45 61
bgneal@45 62 function closeFullscreen() {
bgneal@45 63 moveContent();
bgneal@45 64 window.close();
bgneal@45 65 }
bgneal@45 66
bgneal@45 67 function doParentSubmit() {
bgneal@45 68 moveContent();
bgneal@45 69
bgneal@45 70 if (window.opener.tinyMCE.selectedInstance.formElement.form)
bgneal@45 71 window.opener.tinyMCE.selectedInstance.formElement.form.submit();
bgneal@45 72
bgneal@45 73 window.close();
bgneal@45 74
bgneal@45 75 return false;
bgneal@45 76 }
bgneal@45 77
bgneal@45 78 function render() {
bgneal@45 79 var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM;
bgneal@45 80
bgneal@45 81 e.value = window.opener.tinyMCE.get(oeID).getContent();
bgneal@45 82
bgneal@45 83 vp = dom.getViewPort();
bgneal@45 84 settings.width = vp.w;
bgneal@45 85 settings.height = vp.h - 15;
bgneal@45 86
bgneal@45 87 tinymce.dom.Event.add(window, 'resize', function() {
bgneal@45 88 var vp = dom.getViewPort();
bgneal@45 89
bgneal@45 90 tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h);
bgneal@45 91 });
bgneal@45 92
bgneal@45 93 tinyMCE.init(settings);
bgneal@45 94 }
bgneal@45 95
bgneal@45 96 // Add onunload
bgneal@45 97 tinymce.dom.Event.add(window, "beforeunload", unloadHandler);
bgneal@45 98 </script>
bgneal@45 99 </head>
bgneal@45 100 <body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no">
bgneal@45 101 <form onsubmit="doParentSubmit();">
bgneal@45 102 <textarea id="fullscreenarea" style="width:100%; height:100%"></textarea>
bgneal@45 103 </form>
bgneal@45 104
bgneal@45 105 <script type="text/javascript">
bgneal@45 106 render();
bgneal@45 107 </script>
bgneal@45 108
bgneal@45 109 </body>
bgneal@45 110 </html>