WordPress.org

Plugin Directory

Changeset 575587


Ignore:
Timestamp:
07/22/12 02:44:36 (21 months ago)
Author:
bpetty
Message:

Fixed browser window resize, cleaned up controls layout and styles, and added screenshot.

Location:
better-file-editor/branches/development
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • better-file-editor/branches/development/better-file-editor.php

    r575331 r575587  
    1414 
    1515    function BetterFileEditorPlugin() { 
    16         add_action('admin_footer-theme-editor.php', array($this, 'print_scripts')); 
    17         add_action('admin_footer-plugin-editor.php', array($this, 'print_scripts')); 
     16        add_action('admin_footer-theme-editor.php', array($this, 'admin_footer')); 
     17        add_action('admin_footer-plugin-editor.php', array($this, 'admin_footer')); 
    1818    } 
    1919 
    20     function print_scripts() { 
    21         // data-ace-base="js/lib/ace" 
     20    function admin_footer() { 
    2221        ?> 
    23             <script src="<?php echo plugins_url( 'js/ace/ace.js' , __FILE__ ); ?>" 
    24                 type="text/javascript" charset="utf-8"></script> 
    25             <script src="<?php echo plugins_url( 'js/wp-ace.js' , __FILE__ ); ?>"></script> 
    26             <script type="text/javascript" charset="utf-8"> 
    27                 jQuery(document).ready(function() { 
     22        <script src="<?php echo plugins_url( 'js/ace/ace.js' , __FILE__ ); ?>" 
     23            type="text/javascript" charset="utf-8"></script> 
     24        <script src="<?php echo plugins_url( 'js/wp-ace.js' , __FILE__ ); ?>"></script> 
     25        <script type="text/javascript" charset="utf-8"> 
     26            jQuery(document).ready(function() { 
     27                if(!jQuery.browser.msie || (jQuery.browser.version != '6.0' && 
     28                    jQuery.browser.version != '7.0' && jQuery.browser.version != '8.0')) { 
    2829                    require("wp-ace"); 
    29                 }); 
    30             </script> 
    31             <style type="text/css"> 
    32                 #template div { 
    33                     margin-right: 0px; 
    3430                } 
    35                 #template #editor { 
    36                     margin-right: 210px; 
    37                 } 
    38                 #wp-ace-editor { 
    39                     position: relative; 
    40                     height: 560px; 
    41                     font-size: 12px; 
    42                 } 
    43                 .ace_editor { 
    44                     font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace !important; 
    45                 } 
    46             </style> 
     31            }); 
     32        </script> 
     33        <style type="text/css"> 
     34            #template div { 
     35                /* Need to reset margin here from core styles since it destroys 
     36                   every single div contained in the editor... */ 
     37                margin-right: 0px; 
     38            } 
     39            #template #editor, #template > div { 
     40                /* ... then redefine it in a much more scoped manner. */ 
     41                margin-right: 210px; 
     42            } 
     43            #template div #newcontent { 
     44                width: 100%; 
     45            } 
     46            #wp-ace-editor { 
     47                position: relative; 
     48                height: 560px; 
     49                font-size: 12px; 
     50                border: 1px solid #BBB; 
     51                border-radius: 3px; 
     52            } 
     53            .ace_editor { 
     54                font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace !important; 
     55            } 
     56            #wp-ace-editor-controls table td { 
     57                vertical-align: center; 
     58                padding: 5px; 
     59            } 
     60        </style> 
    4761        <?php 
    4862    } 
  • better-file-editor/branches/development/js/wp-ace.js

    r575331 r575587  
    149149jQuery('#newcontent').after('\ 
    150150<div id="wp-ace-editor-controls">\ 
    151     <ul>\ 
    152         <li>\ 
    153             <select id="editor_theme" size="1">\ 
    154                 <option value="ace/theme/chrome">Chrome</option>\ 
    155                 <option value="ace/theme/clouds">Clouds</option>\ 
    156                 <option value="ace/theme/clouds_midnight">Clouds Midnight</option>\ 
    157                 <option value="ace/theme/cobalt">Cobalt</option>\ 
    158                 <option value="ace/theme/crimson_editor">Crimson Editor</option>\ 
    159                 <option value="ace/theme/dawn">Dawn</option>\ 
    160                 <option value="ace/theme/dreamweaver">Dreamweaver</option>\ 
    161                 <option value="ace/theme/eclipse">Eclipse</option>\ 
    162                 <option value="ace/theme/idle_fingers">idleFingers</option>\ 
    163                 <option value="ace/theme/kr_theme">krTheme</option>\ 
    164                 <option value="ace/theme/merbivore">Merbivore</option>\ 
    165                 <option value="ace/theme/merbivore_soft">Merbivore Soft</option>\ 
    166                 <option value="ace/theme/mono_industrial">Mono Industrial</option>\ 
    167                 <option value="ace/theme/monokai">Monokai</option>\ 
    168                 <option value="ace/theme/pastel_on_dark">Pastel on dark</option>\ 
    169                 <option value="ace/theme/solarized_dark">Solarized Dark</option>\ 
    170                 <option value="ace/theme/solarized_light">Solarized Light</option>\ 
    171                 <option value="ace/theme/textmate" selected="selected">TextMate</option>\ 
    172                 <option value="ace/theme/twilight">Twilight</option>\ 
    173                 <option value="ace/theme/tomorrow">Tomorrow</option>\ 
    174                 <option value="ace/theme/tomorrow_night">Tomorrow Night</option>\ 
    175                 <option value="ace/theme/tomorrow_night_blue">Tomorrow Night Blue</option>\ 
    176                 <option value="ace/theme/tomorrow_night_bright">Tomorrow Night Bright</option>\ 
    177                 <option value="ace/theme/tomorrow_night_eighties">Tomorrow Night 80s</option>\ 
    178                 <option value="ace/theme/vibrant_ink">Vibrant Ink</option>\ 
    179             </select>\ 
    180         </li>\ 
    181         <li>\ 
    182             <select id="fontsize" size="1">\ 
    183                 <option value="10px">10px</option>\ 
    184                 <option value="11px">11px</option>\ 
    185                 <option value="12px" selected="selected">12px</option>\ 
    186                 <option value="14px">14px</option>\ 
    187                 <option value="16px">16px</option>\ 
    188                 <option value="20px">20px</option>\ 
    189                 <option value="24px">24px</option>\ 
    190             </select>\ 
    191         </li>\ 
    192         <li>\ 
    193             <input type="checkbox" name="show_hidden" id="show_hidden">Visible Whitespace</input>\ 
    194         </li>\ 
    195         <li>\ 
    196             <input type="checkbox" id="show_gutter" checked>Show Gutter</input>\ 
    197         </li>\ 
    198         <li>\ 
    199             <input type="checkbox" id="show_print_margin" checked>Show Ruler</input>\ 
    200         </li>\ 
    201     </ul>\ 
     151    <table>\ 
     152        <tr>\ 
     153            <td>\ 
     154                <label for="editor_theme">Theme:</label>\ 
     155                <select id="editor_theme" size="1">\ 
     156                    <option value="ace/theme/chrome">Chrome</option>\ 
     157                    <option value="ace/theme/clouds">Clouds</option>\ 
     158                    <option value="ace/theme/clouds_midnight">Clouds Midnight</option>\ 
     159                    <option value="ace/theme/cobalt">Cobalt</option>\ 
     160                    <option value="ace/theme/crimson_editor">Crimson Editor</option>\ 
     161                    <option value="ace/theme/dawn">Dawn</option>\ 
     162                    <option value="ace/theme/dreamweaver">Dreamweaver</option>\ 
     163                    <option value="ace/theme/eclipse">Eclipse</option>\ 
     164                    <option value="ace/theme/idle_fingers">idleFingers</option>\ 
     165                    <option value="ace/theme/kr_theme">krTheme</option>\ 
     166                    <option value="ace/theme/merbivore">Merbivore</option>\ 
     167                    <option value="ace/theme/merbivore_soft">Merbivore Soft</option>\ 
     168                    <option value="ace/theme/mono_industrial">Mono Industrial</option>\ 
     169                    <option value="ace/theme/monokai">Monokai</option>\ 
     170                    <option value="ace/theme/pastel_on_dark">Pastel on dark</option>\ 
     171                    <option value="ace/theme/solarized_dark">Solarized Dark</option>\ 
     172                    <option value="ace/theme/solarized_light">Solarized Light</option>\ 
     173                    <option value="ace/theme/textmate" selected="selected">TextMate</option>\ 
     174                    <option value="ace/theme/twilight">Twilight</option>\ 
     175                    <option value="ace/theme/tomorrow">Tomorrow</option>\ 
     176                    <option value="ace/theme/tomorrow_night">Tomorrow Night</option>\ 
     177                    <option value="ace/theme/tomorrow_night_blue">Tomorrow Night Blue</option>\ 
     178                    <option value="ace/theme/tomorrow_night_bright">Tomorrow Night Bright</option>\ 
     179                    <option value="ace/theme/tomorrow_night_eighties">Tomorrow Night 80s</option>\ 
     180                    <option value="ace/theme/vibrant_ink">Vibrant Ink</option>\ 
     181                </select>\ 
     182            </td>\ 
     183            <td>\ 
     184                <label for="fontsize">Font Size:</label>\ 
     185                <select id="fontsize" size="1">\ 
     186                    <option value="10px">10px</option>\ 
     187                    <option value="11px">11px</option>\ 
     188                    <option value="12px" selected="selected">12px</option>\ 
     189                    <option value="14px">14px</option>\ 
     190                    <option value="16px">16px</option>\ 
     191                </select>\ 
     192            </td>\ 
     193            <td>\ 
     194                <input type="checkbox" id="show_print_margin" checked />\ 
     195                <label for="show_print_margin">Show Ruler</label>\ 
     196            </td>\ 
     197            <td>\ 
     198                <input type="checkbox" id="show_gutter" checked />\ 
     199                <label for="show_gutter">Show Gutter</label>\ 
     200            </td>\ 
     201            <td>\ 
     202                <input type="checkbox" name="show_hidden" id="show_hidden" />\ 
     203                <label for="show_hidden">Visible Whitespace</label>\ 
     204            </td>\ 
     205        </tr>\ 
     206    </table>\ 
    202207</div>\ 
    203208<div id="wp-ace-editor"></div>\ 
     
    305310 
    306311/*********** manage layout ***************************/ 
    307 // var consoleHight = 20; 
    308 // function onResize() { 
    309 //     var left = env.split.$container.offsetLeft; 
    310 //     var width = document.getElementById("editor").clientWidth - left; 
    311 //     container.style.width = width + "px"; 
    312 //     container.style.height = document.documentElement.clientHeight - consoleHight + "px"; 
    313 //     env.split.resize(); 
    314  
    315 //     consoleEl.style.width = width + "px"; 
    316 //     cmdLine.resize() 
    317 // } 
    318  
    319 // window.onresize = onResize; 
    320 // onResize(); 
     312 
     313function onResize() { 
     314    env.split.resize(); 
     315    cmdLine.resize() 
     316} 
     317 
     318window.onresize = onResize; 
     319onResize(); 
    321320 
    322321/*********** options pane ***************************/ 
  • better-file-editor/branches/development/readme.txt

    r574865 r575587  
    2323Requirements: 
    2424 
    25 * Javascript Enabled (will use simple editor if disabled) 
    26 * Browsers: 
     25* Javascript Enabled (will use default editor if disabled) 
     26* Browsers: Internet Explorer 9+, Chrome 15+, Firefox 3.6+, Safari 5.0+ 
    2727 
    2828== Installation == 
     
    3131   directory. 
    32322. Activate the plugin through the 'Plugins' menu in WordPress. 
     33 
     34== Screenshots == 
     35 
     361. Theme Editor 
    3337 
    3438== Changelog == 
Note: See TracChangeset for help on using the changeset viewer.