Made tab character(s) configurable (see index.php)

15 years ago · a368fe9811
parent 399ee95027
commit a368fe9811
3 changed files with 67 additions and 45 deletions
--- a/README.mdown
+++ b/README.mdown
@ -36,6 +36,7 @@ Changelog
  - Added a toggle button to expand/collapse all krumo sub-trees at once
  - Cross-browser compatibility enhancements
  - Removing a tab (i.e. 4 spaces) on backspace now
+  - Made tab character(s) configurable (see index.php)
 - 1.0.0
  - Initial Public Release

--- a/index.php
+++ b/index.php
@ -1,5 +1,10 @@
 <?php

+$options = array(
+    // which string should represent a tab for indentation
+    'tab' => '    ',
+);
+
 /**
 * PHP Console
 *
@ -67,6 +72,10 @@ if (isset($_POST['code'])) {
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jquery.selections.js"></script>
        <script type="text/javascript" src="php-console.js"></script>
+        <script type="text/javascript">
+            $.console({
+                tab: <?php echo json_encode($options['tab']) ?>
+            });
        </script>
    </head>
    <body>
--- a/php-console.js
+++ b/php-console.js
@ -11,9 +11,13 @@
 *
 * Source on Github http://github.com/Seldaek/php-console
 */
-$(function() {
+(function() {
+
+    var updateStatusBar, handleKeyPress, options;

-    var updateStatusBar, handleKeyPress;
+    options = {
+        tab: '    '
+    }

    // updates the text of the status bar
    updateStatusBar = function() {
@ -35,12 +39,12 @@ $(function() {
    };

    handleKeyPress = function(e) {
-        var caret, part, matches;
+        var caret, part, matches, re;
        switch(e.keyCode) {
        case 9:
            // add 4 spaces when tab is pressed
            e.preventDefault();
-            $(this).injectText("    ");
+            $(this).injectText(options.tab);
            break;
        case 13:
            // submit form on ctrl-enter or alt-enter
@ -53,7 +57,7 @@ $(function() {
            // indent automatically the new lines
            caret = $(this).getCaret();
            part = $(this).val().substr(0, caret);
-            matches = part.match(/(\n +)[^\r\n]*$/);
+            matches = part.match(/(\n[ \t]+)[^\r\n]*$/);
            if (matches) {
                $(this).val(function(idx, val) {
                    return val.substring(0, caret) + matches[1] + val.substring(caret);
@ -66,11 +70,12 @@ $(function() {
            // deindent automatically on backspace
            caret = $(this).getCaret();
            part = $(this).val().substr(0, caret);
-            if (part.match(/\n( {4,})$/)) {
+            re = new RegExp('\n[ \t]*?'+options.tab+'$');
+            if (part.match(re)) {
                $(this).val(function(idx, val) {
-                    return val.substring(0, caret - 4) + val.substring(caret);
+                    return val.substring(0, caret - options.tab.length) + val.substring(caret);
                });
-                $(this).setCaret(caret - 4);
+                $(this).setCaret(caret - options.tab.length);
                e.preventDefault();
            }
            break;
@ -79,6 +84,10 @@ $(function() {
        updateStatusBar();
    };

+    $.console = function(settings) {
+        $.extend(options, settings);
+
+        $(function() {
            $('textarea[name="code"]')
                .keyup(updateStatusBar)
                .click(updateStatusBar)
@ -124,3 +133,6 @@ $(function() {
                    .prependTo('.output');
            }
        });
+
+    }
+}());