Komodo Edit设置：如何让输出面板行号显示超过2位字符

Hey there! I get how frustrating it is to see those line numbers roll over to two digits after 99 in the output panel—totally throws off tracking longer logs. Let’s walk through the solutions to get full, non-truncated line numbers showing up:

1. Tweak the Output Panel’s CSS (Easiest First Step) #

Komodo Edit uses CSS to style its interface, so we can expand the line number column and fix how digits are displayed. Here’s how:

Step 1: Find Your User Styles Folder #

The path varies by OS—replace X.X with your Komodo Edit version (like 12.0):

• Windows: %APPDATA%\ActiveState\KomodoEdit\X.X\styles\
• macOS: ~/Library/Application Support/KomodoEdit/X.X/styles/
• Linux: ~/.komodoedit/X.X/styles/

Step 2: Create or Edit userChrome.css #

If the file doesn’t exist, make a new plain text file and name it exactly userChrome.css. Add these rules:

/* Expand line number column to fit 3+ digits */
.console-output .line-numbers {
  width: 45px !important;
  padding-right: 6px;
}

/* Ensure full line numbers display without truncation */
.console-output .line-number {
  min-width: 3em !important;
  text-align: right;
  display: inline-block;
}

Step 3: Restart Komodo #

Close and reopen Komodo, then check the output panel—you should have enough space for three-plus digits now.

2. Fix Line Number Rollover (If CSS Alone Doesn’t Work) #

If you still see numbers roll from 99 to 00 (like in your screenshot), Komodo is formatting line numbers to two digits by default. We can override this with a user script:

Step 1: Make a Startup User Script #

1. Go to Tools > New > User Script in Komodo.
2. Name it something like fix-output-line-numbers.js and set the context to Komodo Startup so it runs every time you launch the app.

Step 2: Add the Script Code #

Paste this JavaScript into the script:

// Override output panel line number formatting to show full digits
ko.extensions.registerHook("console-output-line", function(event) {
  const lineNum = event.lineNumber;
  // Show the full number (e.g., 100 instead of 00)
  event.element.textContent = lineNum.toString();
  // Optional: Uncomment below to add leading zeros (e.g., 001, 002...)
  // event.element.textContent = lineNum.toString().padStart(3, '0');
});

Step 3: Save and Restart #

Save the script, restart Komodo, and test the output panel—line numbers should now increment normally past 99.

Quick Troubleshooting #

• If the CSS selectors don’t work, use Komodo’s Developer Tools (Ctrl+Shift+I on Windows/Linux, Cmd+Opt+I on macOS) to inspect the output panel elements. Look for the actual class names of line number elements and adjust the CSS selectors to match.
• Never modify files in Komodo’s installation directory—updates will overwrite those changes. Stick to user styles and scripts for safe, persistent fixes.

内容的提问来源于stack exchange，提问作者The girl with red hair