Can't insert picture

[rhymer]

I wonder if picture is supported? Neither ![name](some.png) nor attach picture (F3) works. Thanks.

[gregorrr]

Hey,

The add-on assumes that all content is text so the markdown image syntax should work. Does the following work for you:
![](https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png)

However perhaps using copy + paste/attach image is required to add the image to collection.media? In which case you can use Edit Html (or Ctrl + Shift + X) after attaching the image to get the filename and use that where appropriate.

I know it's an annoying extra step and hopefully I'll get around to improving it at some point.

[rhymer]

Thanks for your reply.

1. Can confirm that ![](url) works. Didn't work for local images though. Tried file:///C:/... and other combinations, none works.
2. Can also confirm the two-step method works. After copy and paste the image, ![](image.png) works. Like you said, the key is to have image.png added to collection.media.

Is it possible to add the conversion of <img src="image.png"><br> to ![](image.png) before parsing the text? That way copy-and-paste an image will work in 1 step.

[gregorrr]

The way that the add-on works currently is to look at the innerText property of the field so there are no tags present, just text.

The copy and paste functionality could probably be modified to insert the html entities such as <img src etc. so that they're present in the ìnnerText. That's an option, however, it does mean that you wouldn't get the image preview when editing the note.

Apart from basic stuff like changing <br> to \n, I'm not particularly keen on doing any HTML to markdown conversion. Mostly due to the potential work involved but also because Markdown is allowed to contain HTML.

Another option is to look at the innerHTML property. This would a hybrid of Markdown and HTML and would lead to some inconsistencies in the editor view. For example, one could have some text displaying bold from using the editor's bold button, but other text **not displaying bold** until the Markdown is processed:

Any thoughts?

[suvernev-d]

I'm using this addon for batch importing Markdown notes, and think that additional converting of HTML can do more harm than good.

For now, it's just about following two principles:

1. Use ![desc]('url') for images on the web
2. Copy any needed local images to your collection.media folder with an underscore, then reference them as ![desc]('_img.jpg') or something.

Let the plugin do it's job, and do not mix it with Anki's built-in editor, which tries to manipulate HTML.

[multimeric]

I think parsing innerHTML might be okay? It would allow users to add elements with the normal anki inputs (formatting, images etc), and then the whole chunk of HTML is parsed as markdown. I think this is fairly safe specifically because markdown can contain HTML - I expect the parser you're using should be fine with this.

Would you like a PR for this feature?

[edap]

Hey, many thanks for this addon. I have some problem with images, I have my image in the collection media folder, I have tried referencing it with ![desc]('_webgl-triangle-pipeline.svg') and ![desc]('webgl-triangle-pipeline.svg'), none of them worked.