|
From: Joe S. <joe...@us...> - 2004-11-23 18:14:51
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/plugins/preview In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/plugins/preview Added Files: editor_plugin.js example.html readme.txt Log Message: complete tinyMCE addition --- NEW FILE: editor_plugin.js --- /* Import theme specific language pack */ tinyMCE.importPluginLanguagePack('preview', 'uk,se'); /** * Returns the HTML contents of the preview control. */ function TinyMCE_preview_getControlHTML(control_name) { switch (control_name) { case "preview": return '<img id="{$editor_id}_preview" src="{$pluginurl}/images/preview.gif" title="{$lang_preview_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mcePreview\');">'; } return ""; } /** * Executes the mcePreview command. */ function TinyMCE_preview_execCommand(editor_id, element, command, user_interface, value) { // Handle commands switch (command) { case "mcePreview": var previewPage = tinyMCE.getParam("plugin_preview_pageurl", null); var previewWidth = tinyMCE.getParam("plugin_preview_width", "550"); var previewHeight = tinyMCE.getParam("plugin_preview_height", "600"); // Use a custom preview page if (previewPage) { var template = new Array(); template['file'] = previewPage; template['width'] = previewWidth; template['height'] = previewHeight; tinyMCE.openWindow(template, {editor_id : editor_id, resizable : "yes", scrollbars : "yes", content : tinyMCE.getContent(), content_css : tinyMCE.getParam("content_css")}); } else { var win = window.open("", "mcePreview", "menubar=yes,toolbar=yes,scrollbars=yes,left=20,top=20,width=" + previewWidth + ",height=" + previewHeight); var html = ""; html += '<!doctype html public "-//w3c//dtd html 4.0 transitional//en">'; html += '<html>'; html += '<head>'; html += '<title>' + tinyMCE.getLang('lang_preview_desc') + '</title>'; html += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">'; html += '<link href="' + tinyMCE.getParam("content_css") + '" rel="stylesheet" type="text/css">'; html += '</head>'; html += '<body>'; html += tinyMCE.getContent(); html += '</body>'; html += '</html>'; win.document.write(html); win.document.close(); } return true; } // Pass to next handler in chain return false; } --- NEW FILE: example.html --- <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <script language="javascript" src="../../tiny_mce_popup.js"></script> <title>Example of a custom preview page</title> <link href="{$content_css}" rel="stylesheet" type="text/css"> </head> <body> Editor contents: <br /> {$content} </body> </html> --- NEW FILE: readme.txt --- Preview plugin for TinyMCE ----------------------------------- Installation instructions: * Copy the preview directory to the plugins directory of TinyMCE (/jscripts/tiny_mce/plugins). * Add plugin to TinyMCE plugin option list example: plugins : "preview". * Add the preview button name to button list, example: theme_advanced_buttons3_add : "preview". Initialization example: tinyMCE.init({ theme : "advanced", mode : "textareas", plugins : "preview", theme_advanced_buttons3_add : "preview", plugin_preview_width : "500", plugin_preview_height : "600" }); Configuration: plugin_preview_width - Preview window width. Defaults to 550. plugin_preview_height - Preview window height. Defaults to 600. plugin_preview_pageurl - Custom preview page URL relative from theme use "../../plugins/preview/example.html" for a example. |
