Skip to content

Repository files navigation

CodeWindow

*Created with [ChatGPT](https://chat.openai.com)*

CodeWindow Editor is a web-based code editor featuring multiple draggable windows, tabs, and syntax highlighting for various programming languages. Open, edit, save, and manage multiple files simultaneously, all directly in your browser.


Features

  • Create new windows and tabs

    • Click the "New File" button and enter a file name to open a new editor window.
    • Each window automatically gets its own tab in the top panel.
  • Open files from your computer

    • Click "Open File" to select a file from your system.
    • Drag and drop files directly into the browser window.
  • Syntax-highlighted code editing

    • Supported languages: JavaScript, C, C++, Python, Java, C#, Go, Ruby, HTML, CSS, JSON, XML, and more.
    • Syntax highlighting is automatically detected by file extension.
  • Window management

    • Move: drag the window by its header.
    • Resize: drag the corners of the editor inside the window.
    • Minimize:_ button hides the window; its tab shows as minimized.
    • Close:X button closes the window and its tab.
  • Tabs

    • Click a tab to activate the corresponding window.
    • Click minimized tabs to restore their windows.
  • Panning

    • Hold the middle mouse button (wheel) and move the mouse to pan all windows.
  • Zooming

    • Use the mouse wheel to zoom in/out the windows and font.
    • Zoom is centered on the cursor position.
  • Save files

    • Save File button options:
      1. Save the active window.
      2. Save all open windows.
    • Files are downloaded locally via the browser.

Quick Actions

ActionHow to do it
Create new windowClick New File, enter a file name
Open fileClick Open File or drag file into window
Save active windowClick Save File, choose option 1
Save all windowsClick Save File, choose option 2
Minimize windowClick _ button
Close windowClick X button
Drag windowHold the header and move the mouse
Pan all windowsHold middle mouse button and move
ZoomScroll mouse wheel
Switch tabsClick on a tab

Technical Details

  • Uses CodeMirror as the code editor.
  • Supports dynamic window resizing and font scaling.
  • Automatically detects programming language based on file extension.

Screenshot

Screenshot Example


About

CodeWindow Editor is a web-based code editor featuring multiple draggable windows, tabs, and syntax highlighting for various programming languages. Open, edit, save, and manage multiple files simultaneously, all directly in your browser.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages