|
From: Joe S. <joe...@us...> - 2004-11-23 18:15:22
|
Update of /cvsroot/phpslash/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/simple In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv17564/phpslash-dev/public_html/scripts/tinymce/jscripts/tiny_mce/themes/simple Added Files: editor_content.css editor_popup.css editor_template.js editor_ui.css 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_simple_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 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 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/spacer.gif" width="1" height="15" class="mceSeparatorLine">\ <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\')">\ </td></tr>\ </table>'; template['delta_width'] = 0; template['delta_height'] = -20; return template; } function TinyMCE_simple_handleNodeChange(editor_id, node) { // Reset old states 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 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; } |
