This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

This feature request has not yet received the 20 community upvotes it takes to make to our backlog. 10 days to go. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

what do you mean by open in new editor, did you mean open in new vscode tab?

Hey, I would like to work on this issue .. @mjbvz

@mjbvz can i work on this

Yes, since this is a smaller feature feel free to start working and submit a PR when it's ready or you need some early feedback/pointers

@mjbvz i working in this issue done all the ui things.

case 'openImage': {
			const img = document.getElementById(data.id);
			if (img instanceof HTMLImageElement) {
				openImage(img);
			}
			return;
		}

now i have to write the openImage function but i can find any inbuilt methods or vscode api to open image in new tab. can you help me @mjbvz

async function openImage(image: HTMLImageElement) {

}

@Gobinath-B can I work on this with you?

Yeah sure. For now I added open image button next to copy image. Only thing I have to do is write a function using vscode api or call a existing open image function to give functionality to the button

I managed to call the open image function, but currently it doesn't do anything. I have been looking for open in new tab functionality.

Can you share the location of image opening functionality

The function that you made openImage is not called automatically. The command needs to be called first and then the openImage function is called through the command. I got till that part. I'm still looking for how to implement it so that it opens a new tab in the preview column or maybe a third column beside the preview. And the current implementation for preview as far as I can see only supports one preview for one markdown file. So we'll have to invoke the open functionality separately from the current implementation of preview.

We can use WebView.
I managed to create a new editor tab like how preview shows up currently, but I don't know how to pass the image source to the WebView panel because it's being called on the markdown file, not the image. I posted the changes to my branch MSViswanth/vscode/md-img-new-tab.

Hi @mjbvz, I have a working implementation for images present in the current workspace folder. I need some help dealing with cases where there is no workspace folder present. Do I just make a new pull request?

@MSViswanth , I working on this issue first. I'm worried that your action wasting both of our time. Feel free to find another issue to work. If you are comfortable to help me on this issue ,I'm appreciate that. But working on the same issue either waste your time or my time.

@Gobinath-B Well, alright.

I would have liked you to merge my changes instead of just copying them.
I'm not comfortable with helping you on this.
Good luck.

Thanks @MSViswanth