Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/default In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/default Added Files: editor_content.css editor_popup.css editor_template.js editor_ui.css image.htm link.htm Log Message: complete tinyMCE addition --- NEW FILE: editor_content.css --- body { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; scrollbar-3dlight-color: #F0F0EE; scrollbar-arrow-color: #676662; scrollbar-base-color: #F0F0EE; scrollbar-darkshadow-color: #DDDDDD; scrollbar-face-color: #E0E0DD; scrollbar-highlight-color: #F0F0EE; scrollbar-shadow-color: #F0F0EE; scrollbar-track-color: #F5F5F5; } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } --- NEW FILE: editor_popup.css --- body { background-color: #F0F0EE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; scrollbar-3dlight-color: #F0F0EE; scrollbar-arrow-color: #676662; scrollbar-base-color: #F0F0EE; scrollbar-darkshadow-color: #DDDDDD; scrollbar-face-color: #E0E0DD; scrollbar-highlight-color: #F0F0EE; scrollbar-shadow-color: #F0F0EE; scrollbar-track-color: #F5F5F5; } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } input { background: #FFFFFF; border: 1px solid #cccccc; } td, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } input, select, textarea { border: 1px solid #808080; } .input_noborder { border: 0px solid #808080; } .title { font-size: 12px; font-weight: bold; } --- NEW FILE: editor_template.js --- function TinyMCE_default_getEditorTemplate() { var template = new Array(); template['html'] = '\ <table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}">\ <tr><td align="center">\ <span id="{$editor_id}">IFRAME</span>\ </td></tr>\ <tr><td class="mceToolbar" align="center" height="1">\ <img id="{$editor_id}_bold" src="{$themeurl}/images/{$lang_bold_img}" title="{$lang_bold_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}\',\'Bold\')">\ <img id="{$editor_id}_italic" src="{$themeurl}/images/{$lang_italic_img}" title="{$lang_italic_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}\',\'Italic\')">\ <img id="{$editor_id}_underline" src="{$themeurl}/images/{$lang_underline_img}" title="{$lang_underline_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}\',\'Underline\')">\ <img id="{$editor_id}_strikethrough" src="{$themeurl}/images/strikethrough.gif" title="{$lang_striketrough_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}\',\'Strikethrough\')">\ <img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\ <img id="{$editor_id}_left" src="{$themeurl}/images/left.gif" title="{$lang_justifyleft_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}\',\'JustifyLeft\')">\ <img id="{$editor_id}_center" src="{$themeurl}/images/center.gif" title="{$lang_justifycenter_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}\',\'JustifyCenter\')">\ <img id="{$editor_id}_right" src="{$themeurl}/images/right.gif" title="{$lang_justifyright_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}\',\'JustifyRight\')">\ <img id="{$editor_id}_full" src="{$themeurl}/images/full.gif" title="{$lang_justifyfull_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}\',\'JustifyFull\')">\ <img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\ <img src="{$themeurl}/images/outdent.gif" title="{$lang_outdent_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}\',\'Outdent\')">\ <img src="{$themeurl}/images/indent.gif" title="{$lang_indent_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}\',\'Indent\')">\ <br>\ <img id="{$editor_id}_bullist" src="{$themeurl}/images/bullist.gif" title="{$lang_bullist_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}\',\'InsertUnorderedList\')">\ <img id="{$editor_id}_numlist" src="{$themeurl}/images/numlist.gif" title="{$lang_numlist_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}\',\'InsertOrderedList\')">\ <img src="{$themeurl}/images/spacer.gif" width="1" height="15" width="20" height="20" class="mceSeparatorLine">\ <img src="{$themeurl}/images/undo.gif" title="{$lang_undo_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}\',\'Undo\')">\ <img src="{$themeurl}/images/redo.gif" title="{$lang_redo_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}\',\'Redo\')">\ <img src="{$themeurl}/images/spacer.gif" width="1" height="15" class="mceSeparatorLine">\ <img id="{$editor_id}_link" src="{$themeurl}/images/link.gif" title="{$lang_link_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}\',\'mceLink\', true)">\ <img src="{$themeurl}/images/unlink.gif" title="{$lang_unlink_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}\',\'unlink\')">\ <img id="{$editor_id}_image" src="{$themeurl}/images/image.gif" title="{$lang_image_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}\',\'mceImage\', true)">\ <img src="{$themeurl}/images/cleanup.gif" title="{$lang_cleanup_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}\',\'mceCleanup\')">\ <img src="{$themeurl}/images/help.gif" title="{$lang_help_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}\',\'mceHelp\')">\ </td></tr>\ </table>'; template['delta_width'] = 0; template['delta_height'] = -40; return template; } /** * Insert link template function. */ function TinyMCE_default_getInsertLinkTemplate() { var template = new Array(); template['file'] = 'link.htm'; template['width'] = 320; template['height'] = 145; // Language specific width and height addons template['width'] += tinyMCE.getLang('lang_insert_link_delta_width', 0); template['height'] += tinyMCE.getLang('lang_insert_link_delta_height', 0); return template; } /** * Insert image template function. */ function TinyMCE_default_getInsertImageTemplate() { var template = new Array(); template['file'] = 'image.htm'; template['width'] = 360; template['height'] = 145; // Language specific width and height addons template['width'] += tinyMCE.getLang('lang_insert_image_delta_width', 0); template['height'] += tinyMCE.getLang('lang_insert_image_delta_height', 0); return template; } function TinyMCE_default_handleNodeChange(editor_id, node) { // Reset old states tinyMCE.switchClassSticky(editor_id + '_left', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_right', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_center', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_full', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonNormal'); tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonNormal'); // Handle align attributes alignNode = node; breakOut = false; do { if (!alignNode.getAttribute || !alignNode.getAttribute('align')) continue; switch (alignNode.getAttribute('align').toLowerCase()) { case "left": tinyMCE.switchClassSticky(editor_id + '_left', 'mceButtonSelected'); breakOut = true; break; case "right": tinyMCE.switchClassSticky(editor_id + '_right', 'mceButtonSelected'); breakOut = true; break; case "middle": case "center": tinyMCE.switchClassSticky(editor_id + '_center', 'mceButtonSelected'); breakOut = true; break; case "justify": tinyMCE.switchClassSticky(editor_id + '_full', 'mceButtonSelected'); breakOut = true; break; } } while (!breakOut && (alignNode = alignNode.parentNode)); // Handle elements do { switch (node.nodeName.toLowerCase()) { case "b": case "strong": tinyMCE.switchClassSticky(editor_id + '_bold', 'mceButtonSelected'); break; case "i": case "em": tinyMCE.switchClassSticky(editor_id + '_italic', 'mceButtonSelected'); break; case "u": tinyMCE.switchClassSticky(editor_id + '_underline', 'mceButtonSelected'); break; case "strike": tinyMCE.switchClassSticky(editor_id + '_strikethrough', 'mceButtonSelected'); break; case "ul": tinyMCE.switchClassSticky(editor_id + '_bullist', 'mceButtonSelected'); break; case "ol": tinyMCE.switchClassSticky(editor_id + '_numlist', 'mceButtonSelected'); break; } } while ((node = node.parentNode)); } --- NEW FILE: editor_ui.css --- .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected { margin-top: 1px; margin-left: 1px; } .mceButtonNormal { border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; border-color: #F0F0EE; cursor: hand } .mceButtonOver { border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; cursor: hand } .mceButtonDown { border-bottom: 1px solid buttonhighlight; border-right: 1px solid buttonhighlight; border-top: 1px solid buttonshadow; border-left: 1px solid buttonshadow; cursor: hand } .mceButtonSelected { border-bottom: 1px solid; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-color: #C0C0BB; cursor: hand } .mceButtonDisabled { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; border-color: #F0F0EE; cursor: text } .mceSeparator { border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; margin-right: 2px; margin-left: 2px; } .mceSeparatorLine { margin:2px; margin-left: 4px; background-color: #F0F0EE; border-top: 1px solid buttonshadow; border-left: 1px solid buttonshadow; border-bottom: 1px solid buttonhighlight; border-right: 1px solid buttonhighlight; width: 0px; height: 15px; } .mceSelectList { font-family: "MS Sans Serif"; font-size: 7pt; font-weight: normal; margin-top: 2px; } .mceLabel, .mceLabelDisabled { font-family: "MS Sans Serif"; font-size: 9pt; } .mceLabel { color: #000000; } .mceLabelDisabled { cursor: text; color: #999999; } .mceEditor { background: #F0F0EE; border: 1px solid #cccccc; } .mceEditorArea { font-family: "MS Sans Serif"; background: #FFFFFF; } .mceToolbar { background: #F0F0EE; border-top: 1px solid #cccccc; } --- NEW FILE: image.htm --- <html> <head> <title>{$lang_insert_image_title}</title> <script language="javascript" src="../../tiny_mce_popup.js"></script> <script language="javascript"> function insertImage() { if (window.opener) { var src = document.forms[0].src.value; var alt = document.forms[0].alt.value; window.opener.tinyMCE.insertImage(src, alt, 0, 0, 0); top.close(); } } function init() { var formObj = document.forms[0]; formObj.src.value = tinyMCE.getWindowArg('src'); formObj.alt.value = tinyMCE.getWindowArg('alt'); window.focus(); } function cancelAction() { top.close(); } </script> </head> <body onload="window.focus();init();"> <form onsubmit="insertImage();return false;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0"> <tr> <td colspan="2" class="title">{$lang_insert_image_title}</td> </tr> <tr> <td>{$lang_insert_image_src}:</td> <td><input name="src" type="text" id="src" value="" style="width: 200px"></td> </tr> <tr> <td>{$lang_insert_image_alt}:</td> <td><input name="alt" type="text" id="alt" value="" style="width: 200px"></td> </tr> <tr> <td><input type="button" name="insert" value="{$lang_insert}" onclick="insertImage();"> </td> <td align="right"><input type="button" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td> </tr> </table></td> </tr> </table> </form> </body> </html> --- NEW FILE: link.htm --- <html> <head> <title>{$lang_insert_link_title}</title> <script language="javascript" src="../../tiny_mce_popup.js"></script> <script language="javascript"> function init() { for (var i=0; i<document.forms[0].target.options.length; i++) { var option = document.forms[0].target.options[i]; if (option.value == tinyMCE.getWindowArg('target')) option.selected = true; } document.forms[0].href.value = tinyMCE.getWindowArg('href'); window.focus(); } function insertLink() { if (window.opener) { var href = document.forms[0].href.value; var target = document.forms[0].target.options[document.forms[0].target.selectedIndex].value; window.opener.tinyMCE.insertLink(href, target); top.close(); } } function cancelAction() { top.close(); } </script> </head> <body onload="init();"> <form onsubmit="insertLink();return false;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="middle"><table border="0" cellpadding="4" cellspacing="0"> <tr> <td colspan="2" class="title">{$lang_insert_link_title}</td> </tr> <tr> <td>{$lang_insert_link_url}:</td> <td><input name="href" type="text" id="href" value="" style="width: 200px"></td> </tr> <tr> <td>{$lang_insert_link_target}:</td> <td><select name="target" style="width: 200px"> <option value="_self">{$lang_insert_link_target_same}</option> <option value="_blank">{$lang_insert_link_target_blank}</option> </select></td> </tr> <tr> <td><input type="button" name="insert" value="{$lang_insert}" onclick="insertLink();"> </td> <td align="right"><input type="button" name="cancel" value="{$lang_cancel}" onclick="cancelAction();"></td> </tr> </table></td> </tr> </table> </form> </body> </html> |
