DEV Community

Cover image for qqq Extension: the Only real solution for Pasting Images, Rich Media, Videos, HTML with WYSIWYG preview in VS Code / Code-OSS / VSCodium
GH Health
GH Health

Posted on

qqq Extension: the Only real solution for Pasting Images, Rich Media, Videos, HTML with WYSIWYG preview in VS Code / Code-OSS / VSCodium

#ai #productivity #wysiwyg #navigator

qqq IDE by GH Health © 2005 gh555.com All Rights Reserved.

qqq IDE: Paste Everything into VS Code / Code-OSS / VSCodium (Project started in October 2025)

Make everything pasteable. Orchestrate ideas. Turn the IDE into an operating system.

qqq IDE lets you paste images, screenshots, files, folders, HTML pages, videos, and media directly into VS Code / Code-OSS / VSCodium — with WYSIWYG preview.

qqq turns VS Code, Cursor, Antigravity, Code-OSS, and VSCodium into an all-media paste-friendly notebook and creative workspace.

Links

Original name: qqq GitHub stars

qqq 16.5.1+ is required for Linux / macOS. Details

Why qqq IDE

You should not need to open a separate note-taking application just to collect screenshots, images, files, folders, videos, HTML pages, and creative materials.

With qqq IDE, your editor becomes an all-media workspace.

VS Code / Code-OSS / VSCodium can become a paste-friendly notebook for developers, creators, writers, AI users, and anyone who organizes ideas inside an IDE.

The core workflow is simple:

Copy → Paste → Preview → Organize → Continue

✦q✦ Ctrl+V: Paste Everything, Anywhere in Any Document

qqq IDE extends paste beyond plain text.

You can paste screenshots, image files, folders, videos, HTML pages, documents, and media resources directly into the editor.

This works in plain text files, custom file extensions, and even files with no extension.

Paste screenshots directly into VS Code / Code-OSS / VSCodium

Paste screenshots directly into VS Code with qqq IDE

qqq IDE lets you paste screenshots directly into any document, including .txt, .1, custom file extensions, or files with no extension, and preview them with WYSIWYG rendering.

Paste image files directly into VS Code / Code-OSS / VSCodium

Paste image files directly into VS Code with qqq IDE

qqq IDE lets you paste image files directly into the editor and preview them in place.

Paste any file, folder, video, PSD, MP3, EXE, or media resource

Paste files folders videos PSD MP3 and media directly into VS Code with qqq IDE

Via qqq, you can paste txt, exe, psd, mp3, folders, mp4 videos, and many other file types directly into VS Code / Code-OSS / VSCodium with WYSIWYG preview.

Use:

  • Ctrl+V
  • F2

qqq makes paste a universal input action inside the IDE.

You can organize your ideas immediately without leaving the editor.

✦q✦ Roam File Explorer for VS Code / Code-OSS / VSCodium

To organize ideas, files, screenshots, folders, videos, and media resources, you also need to jump between arbitrary directories quickly.

qqq includes Roam, a fast file explorer for VS Code / Code-OSS / VSCodium.

Invoke Roam with:

  • Tab when not in editing mode
  • Roam command
  • Roam button
  • Space + Q

Roam file explorer for fast directory navigation

Roam file explorer for VS Code and qqq IDE

Roam, from qqq, is a file explorer designed for fast navigation, recent locations, keyboard-first workflows, and access to directories outside the current project folder.

Why Roam matters

  1. Reach any location

Roam is not limited to the current project folder. You can jump to any local directory. You can also map remote disks locally and work with them directly.

  1. Fast file browsing

Roam is designed for fast directory listing and quick navigation, even on heavy machines, servers, and virtual machines.

  1. Transactional file operations

Roam uses transactional file operations to make large-scale file deletion, copying, and organization more reliable.

For details on VS Code's official file manager limitations, see:

https://github.com/gh555com/qqq/blob/qq/docs/VS_Code_Official_File_Explorer_Limitations.md

  1. Keyboard-first workflow

Roam supports recent visits, quick filtering, keyboard operation, quick file creation, list preferences, sorting preferences, and direct opening of administrator terminals.

Example workflow:

Tab → filename → Enter → new file opens and enters editing mode

Select folders and mixed resources in Roam

Select folders and mixed files in Roam file explorer with qqq IDE

With Roam, you can select folders, files, or a mixed set of files and folders to copy, delete, or calculate size in bulk.

Most visited folders stay close to you

Most visited folders in Roam file explorer for qqq IDE

Roam keeps frequently visited locations close, so you can move between projects, documents, music, videos, games, and media folders faster.

Roam keyboard shortcuts

Roam file explorer keyboard shortcuts in qqq IDE

Useful Roam shortcuts:

  • Press Space on a selected item to request its size.
  • Press 1 to scroll to the top of the list.
  • Press 2 to scroll to the bottom of the list.
  • Press Q to open selected projects or documents in IDE.
  • Press W to open selected music, videos, games, folders, or media resources.
  • Press Space + Q to invoke Roam.

✦q✦ Premium Features: Out of the Box

Paste HTML directly into VS Code / Code-OSS / VSCodium

qqq IDE supports sniffing & pasting HTML(Rich Text) into the editor.

Compatibility is best with Chromium-based browsers.

If you copy from some browsers, such as Edge in certain modes, only plain text may be displayed.

Paste HTML pages directly into VS Code with qqq IDE

Test URL:

https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9166282253401607575%22%7D&n_type=1

This test page contains a mix of videos, images, and text.

Test objectives:

  1. All videos should be downloaded.
  2. The order of text, images, and videos should remain correct.
  3. No garbled characters should appear.
  4. Repeated operations should save identical resources only once.
  5. Identical images and videos should be deduplicated by fingerprinting.

Export DOC and DOCX from qqq IDE

qqq supports document export.

.doc:

  • compatible with Word 2003
  • based on RTF
  • better compatibility for older workflows

.docx:

  • compatible with Google Docs and Tencent Docs
  • based on Office Open XML
  • stronger structure
  • better compression ratio

Export ZIP for portable resources

qqq supports ZIP export.

ZIP export is useful for packaging notes, media resources, documents, images, HTML content, and presentation materials into portable archives.

Paste streaming videos into VS Code / Code-OSS / VSCodium

Paste streaming videos into VS Code with qqq IDE

qqq supports workflows for pasting and organizing streaming video resources inside the editor.

Clean up orphaned files

qqq can help clean up orphaned resource files that are no longer referenced by your documents.

Clipboard history cards

qqq includes clipboard-related workflows for managing pasted content and recent resources.

How to Install

qqq 16.5.1+ provides a single universal installer for:

  • Windows x64
  • Linux x64
  • macOS x64
  • macOS arm

The installer is designed to work across common operating systems and processor architectures.

No installation options or complex choices are required.

One package works for everything.

Switch languages after installation

qqq supports multiple UI languages: zh、zh-tw、en、ja、de、ko、ru、ar、es、fr、pt-BR

Switch qqq IDE language settings in VS Code

About qqq Resource Footprint

qqq is built on a highly efficient Rust-based underlying architecture with performance optimization.

Its idle CPU and disk IO overhead are designed to stay close to zero.

Its low memory footprint is especially useful when multiple IDEs are running at the same time, such as:

  • VS Code
  • Cursor
  • Antigravity
  • Code-OSS
  • VSCodium

For architecture details:

https://github.com/gh555com/qqq/blob/qq/docs/IO_ENGINE_v16.md

Contact

GH Health All Rights Reserved.

Keywords: Paste image,File Explorer,Rich Media,WYSIWYG,Preview,Image preview,Navigator,stream detection,html sniffing,粘贴图片,文件管理器,富媒体,所见即所得,预览,图片预览,导航器,流检测,HTML嗅探,画像の貼り付け,ファイルマネージャー,リッチメディア,WYSIWYG,プレビュー,画像プレビュー,ナビゲーター,ストリーム検出,HTMLスニッフィング,Bild einfügen,Dateimanager,Rich-Media,WYSIWYG,Vorschau,Bildvorschau,Navigator,Stream-Erkennung,HTML-Sniffing,이미지 붙여넣기,파일 관리자,리치 미디어,WYSIWYG,미리보기,이미지 미리보기,네비게이터,스트림 감지,HTML 스니핑,Вставить изображение,Диспетчер файлов,Рич-медиа,WYSIWYG,Предварительный просмотр,Предварительный просмотр изображения,Навигатор,обнаружение потока,HTML-анализ,لصق الصورة,مدير الملفات,وسائط غنية,WYSIWYG,معاينة,معاينة الصورة,ملاحظ,كشف التدفق,استكشاف HTML,Pegar imagen,Administrador de archivos,Medios enriquecidos,WYSIWYG,Vista previa,Vista previa de imagen,Navegador,detección de flujo,olfateo HTML,Coller une image,Gestionnaire de fichiers,Médias riches,WYSIWYG,Aperçu,Aperçu de l'image,Navigateur,détection de flux,reniflage HTML,Colar imagem,Gerenciador de arquivos,Mídia rica,WYSIWYG,Pré-visualização,Pré-visualização de imagem,Navegador,detecção de fluxo,farejamento HTML,छवि चिपकाएं,फ़ाइल प्रबंधक,समृद्ध मीडिया,WYSIWYG,पूर्वावलोकन,छवि का पूर्वावलोकन,नेविगेटर,स्ट्रीम का पता लगाना,HTML स्निफिंग,Dán hình ảnh,Trình quản lý tệp,Phương tiện đa dạng,WYSIWYG,Xem trước,Xem trước hình ảnh,Trình điều hướng,phát hiện luồng,ngửi HTML,Incolla immagine,Esplora file,Media ricchi,WYSIWYG,Anteprima,Anteprima immagine,Navigatore,rilevamento di flusso,sniffing HTML

Top comments (0)