Skip to content

Support preview images inline #7689

@yisibl

Description

@yisibl

Currently only in the browser to preview the images, which is uncomfortable.So that we can't focus on the code 😭 .

This is a feature request.
Details are as follows:

  1. Cmd/Ctrl + Click or hover preview images(The UI like Chrome DevTools).
    Chrome demo

  2. Right click to copy the image to the clipboard.

  3. Click on the width and height text can be inserted width and height to HTML or CSS.
    after:

    <img src="https://code.visualstudio.com/home-screenshot-mac-lg.png" alt="Intellisense" class="screenshot">
        <style>
          background: url(https://code.visualstudio.com/home-screenshot-mac-lg.png);
        </style>

    before:

    <img src="https://code.visualstudio.com/home-screenshot-mac-lg.png" alt="Intellisense" class="screenshot" width="750" height="451">
        <style>
          background: url(https://code.visualstudio.com/home-screenshot-mac-lg.png);
          width: 750px;
          height: 451px;
        </style>

Metadata

Metadata

Assignees

Labels

*extension-candidateIssue identified as good extension implementationfeature-requestRequest for new features or functionality

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions