Online Clipboard (VS Code Extension)

Right click selected text in the editor and share it to online-clipboard.tech.

Activity Bar Icon

The extension adds a dedicated icon to the VS Code Activity Bar (the vertical sidebar on the left). Click it to open the CodeShare sidebar panel.

Sidebar Panel — Retrieve & Share

The main sidebar panel provides two core features:

• Retrieve Code — Enter a 4-digit code to instantly fetch a shared snippet.
• Share Selection — Select code in the editor and click Share Selected Code to upload it to the web. You can also use the keyboard shortcut ⌥⌘C.

Extension Settings

Click the gear icon in the sidebar header to access the Extension Settings panel. Configure:

• Appearance — Choose an accent color from 10 vibrant color options to personalize the UI.
• Share Options — Toggle Auto Format, Trim Whitespace, Cleanup Newlines, and Convert Tabs to Spaces before sharing.
• Behaviour — Enable Disable Preview Panel to show a compact notification toast instead of the full-screen preview.

Share Success — Preview Panel

After sharing, a full Preview Panel opens as an editor tab showing:

• The generated 4-digit share code displayed prominently.
• Copy code button to copy the code to your clipboard.
• Open button to view the snippet on online-clipboard.tech.
• A direct link to the shared snippet.
• A code preview of the shared content.

Share Success — Notification Toast

When the Disable Preview Panel setting is enabled, a compact notification toast appears instead of the full preview panel. It shows:

• The share code (e.g., 6211).
• Copy Code and Open in Browser action buttons right in the notification.

Keyboard Shortcuts

How to Use

1. Share code — Select any text in the editor, then:

   • Press Cmd + Option + C (Mac) or Ctrl + Alt + C (Windows/Linux), or
   • Right-click and select Code_Share: Share Code from the context menu, or
   • Open the Command Palette (Cmd + Shift + P / Ctrl + Shift + P) and run Code_Share: Share Code

2. Retrieve code — Press Cmd + Option + V (Mac) or Ctrl + Alt + V (Windows/Linux), or enter the 4-digit code in the sidebar panel.

3. Open the sidebar — Click the CodeShare icon in the Activity Bar, or run Code_Share: Focus Sidebar from the Command Palette.