WebP, SVG and Placeholder Video Thumbnail Support. about qlmarkdown HOT 13 CLOSED

on release 18 should be fixed (also support for animated .webp).

from qlmarkdown.

I think, you should write this in the documentation. --> "This option must be selected for SVG preview"

from qlmarkdown.

The .svg and .webp images are in the same folder of the markdown file?
On my mac the svg and webp preview works.

In the app editor if you write by hand the code the images are searched from the resource bundle of the app. Otherwise if you open an .md file, the basedir is the folder of the .md file.

from qlmarkdown.

The .svg and .webp images are in the same folder of the markdown file?
On my mac the svg and webp preview works.

In the app editor if you write by hand the code the images are searched from the resource bundle of the app. Otherwise if you open an .md file, the basedir is the folder of the .md file.

Yes, The .svg and .webp images are in the same folder. I tested every condition, it doesn't work for me.

![test](./test.svg)

from qlmarkdown.

Can you share the .md and .svg file?

from qlmarkdown.

@sbarex https://yadi.sk/d/HZ0pKfqjy0LO-g

from qlmarkdown.

Please try release 17.

Regarding the preview of the videos I don't think to implement it. Security restrictions prevent you from accessing video files from the quick look preview.
An extension should be created that analyzes the .md file looking for html code containing a video, reads the file, obtains the preview and inserts it in the formatted html code...
Moreover Apple does not directly manage many video formats (webm, mkv, avi, ...) and you should use external libraries such as ffmpeg.
A lot of work for a non-standard functionality for the .md language.

from qlmarkdown.

Please try release 17.

Regarding the preview of the videos I don't think to implement it. Security restrictions prevent you from accessing video files from the quick look preview.
An extension should be created that analyzes the .md file looking for html code containing a video, reads the file, obtains the preview and inserts it in the formatted html code...
Moreover Apple does not directly manage many video formats (webm, mkv, avi, ...) and you should use external libraries such as ffmpeg.
A lot of work for a non-standard functionality for the .md language.

Thanks, video thumbnails is not important. SVG fixed but WEBP is still not displayed. ![test](./webp_test.webp)

from qlmarkdown.

Quick Look doesn't play animated webp by default. I think QLMarkdown should show static WebP.

from qlmarkdown.

In the terminal, what is the output of this command?

$ file --mime-type PATH_OF_WEBP_FILE

It should be image/webp.
Also, if the QLMarkdown app in on the Applications folder try this command:

file --mime-type -m /Applications/QLMarkdown.app/Contents/Resources/magic.mgc PATH_OF_WEBP_FILE

The result should always be image/webp.

Can you provide a webp animated file?

from qlmarkdown.

➜  Desktop file --mime-type ./webp_test.webp                   
./webp_test.webp: image/webp
➜  Desktop file --mime-type -m /Applications/QLMarkdown.app/Contents/Resources/magic.mgc ./webp_test.webp 
./webp_test.webp: image/webp

webp images
https://developers.google.com/speed/webp/gallery1

from qlmarkdown.

@sbarex SVG works if this option is selected. but this is not inline HTML code -> ![test](./test.svg). This is a valid Markdown syntax. This is confusing for the end user. Indicates that these options are unreliable.

from qlmarkdown.

This behavior is caused by cmark.

When html content is not allowed, it automatically performs a series of extra checks in search of dangerous content. For the images, it checks their url, removing any it thinks are not safe. In the case of the data: scheme (used to embed the image file inside the html output preventing the security limitation of the Quick Look engine) only these mime types are allowed: image/png image/gif, image/jpeg, image/webp.

from qlmarkdown.