Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support preview images inline #7689

Closed
yisibl opened this issue Jun 15, 2016 · 3 comments
Closed

Support preview images inline #7689

yisibl opened this issue Jun 15, 2016 · 3 comments
Assignees
Labels
*extension-candidate Issue identified as good extension implementation feature-request Request for new features or functionality

Comments

@yisibl
Copy link
Contributor

yisibl commented Jun 15, 2016

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>
@sandy081 sandy081 added the info-needed Issue requires more information from poster label Jun 15, 2016
@sandy081
Copy link
Member

@yisibl I am not sure I understood the reported problem correctly, can you please let me know

  • what and where is the problem and
  • how to reproduce it

If it is a feature request, please provide a detailed description of where and what the feature is about.

Thanks

@yisibl
Copy link
Contributor Author

yisibl commented Jun 15, 2016

@sandy081 Sorry, this is a feature request.

I mean, add a preview of the picture feature. Like Chrome DevTools.
The details are as above.

@sandy081 sandy081 added feature-request Request for new features or functionality and removed info-needed Issue requires more information from poster labels Jun 15, 2016
@mjbvz mjbvz self-assigned this Jun 19, 2017
@mjbvz mjbvz added the *extension-candidate Issue identified as good extension implementation label Aug 3, 2017
@mjbvz
Copy link
Collaborator

mjbvz commented Aug 24, 2017

Extension can provide this functionality. Check out this one for example: https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

Closing as extension candidate

@mjbvz mjbvz closed this as completed Aug 24, 2017
@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 17, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
*extension-candidate Issue identified as good extension implementation feature-request Request for new features or functionality
Projects
None yet
Development

No branches or pull requests

4 participants