Editio

Some Visual Studio Code's useful features ported to the web, including pairing brackets and quotes, tabbing out, pasting URLs into selections, and fast scrolling etc

2025-10-06 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

작성자
PRO-2684
평점
0 0 0
버전
0.2.5
생성일
2024-11-28
갱신일
2025-10-06
크기
24KB
라이선스
GPL-3.0
적용 사이트
모든 사이트

✨ Introduction

Editio is a simple script that ports some features from Visual Studio Code to the web. It's lightweight and (theoretically) runs on all websites.

🪄 Features & Configuration

  • 🖇️ Pairing: Pairing brackets and quotes
    • ➕ Auto close: Autoclose brackets and quotes (Similar to editor.autoClosingBrackets in VSCode)
    • ➖ Auto delete: Remove adjacent closing quotes or brackets (Similar to editor.autoClosingDelete and editor.autoSurround in VSCode)
    • 🚫 Auto overtype: Type over closing brackets (Similar to editor.autoClosingOvertype in VSCode)
      • The input character is a closing one and the same as the character after the cursor
      • The character before the cursor is the respective opening one
      • Doesn't work for pairs with the same opening and closing characters
    • 🔁 Jumping: Jump between paired brackets
      • Press Ctrl + Q to jump to the matching bracket
      • Doesn't work for pairs with the same opening and closing characters
    • 📜 Pairs: A list of characters that should be paired (The length should be even)
  • ↔️ Tabulator: Tab-related features
    • ↪️ Tab out: Pressing (Shift+) Tab to move to the next (or previous) character specified (Similar to the extension albert.TabOut)
    • 📜 Tab out chars: Characters to tab out of
  • 🔗 URL: URL-related features
    • 📋 Paste into selection: Paste the URL into the selection in Markdown format
    • 🔍 Recognized schemes: Recognized URL schemes for the URL-related features
  • 🖱️ Mouse: Mouse-related features
    • 🚀 Fast scroll: Scroll faster when holding the Alt key
      • Note that smooth scrolling is disabled explicitly when using this feature
    • 🎚️ Fast scroll sensitivity: Scrolling speed multiplier when pressing Alt
    • ⏱️ Consecutive scroll threshold: The threshold of time difference for the scroll to be considered consecutive
  • ⚙️ Advanced: Advanced options
    • 🔒 Capture: Set capture to true for the event listeners
      • If enabled, Editio's handlers are likely to override the website's handlers
    • 🚫 Default prevented: Don't handle the event if it's defaultPrevented
      • If disabled, Editio might handle the event again, even after it's been handled by the website
    • 🐞 Debug: Enable debug mode

📃 Notes

I've done my best to make Editio work as similar to VSCode as possible. However, there are still some minor differences:

  • Editio always closes brackets and quotes, while VSCode can be configured to languageDefined or beforeWhitespace.
  • Editio always deletes and overtypes adjacent closing brackets and quotes, while VSCode only does so when the closing character is automatically inserted.
  • Selections and cursor positions are not kept in the editing history.
  • Editio's fast scroll does not support smooth scrolling.

Contributions are welcome!