I searched for 4 hours, and I really don’t know what to do.

[via-lactea7]

Image files from ![[.webp]] and

links are being sent to Anki, and the files themselves are fine, but the text isn’t being converted into an HTML <img src="file%20link"> tag, so the images don’t show up in Anki.

I’ve figured out that much, but the code for replacing the text is way too complicated for a beginner like me. I’m going crazy over this. Please help me out.

[henryphz]

Modify the plugin file yourself, main.js which is in .obsidian/plugins/. I noticed that webp shows up as not supported in the console. So you can just replace this code snippet

    getAndFormatMedias(note_text) {
        if (!(this.file_cache.hasOwnProperty("embeds"))) {
            return note_text;
        }
        for (let embed of this.file_cache.embeds) {
            if (note_text.includes(embed.original)) {
                this.detectedMedia.add(embed.link);
                if (AUDIO_EXTS.includes(path$1.extname(embed.link))) {
                    note_text = note_text.replace(new RegExp(escapeRegex(embed.original), "g"), "[sound:" + path$1.basename(embed.link) + "]");
                }
                else if (IMAGE_EXTS.includes(path$1.extname(embed.link))) {
                    note_text = note_text.replace(new RegExp(escapeRegex(embed.original), "g"), '<img src="' + path$1.basename(embed.link) + '" alt="' + embed.displayText + '">');
                }
                else {
                    console.warn("Unsupported extension: ", path$1.extname(embed.link));
                }
            }
        }
        return note_text;
    } 

You can modify it to explicitly check for webp like this

    getAndFormatMedias(note_text) {
        if (!(this.file_cache.hasOwnProperty("embeds"))) {
            return note_text;
        }
        for (let embed of this.file_cache.embeds) {
            if (note_text.includes(embed.original)) {
                this.detectedMedia.add(embed.link);
                const ext = path$1.extname(embed.link).toLowerCase(); 
                if (AUDIO_EXTS.includes(ext)) {
                    note_text = note_text.replace(new RegExp(escapeRegex(embed.original), "g"), "[sound:" + path$1.basename(embed.link) + "]");
                }
                else if (IMAGE_EXTS.includes(ext) || ext === '.webp') { 
                    note_text = note_text.replace(new RegExp(escapeRegex(embed.original), "g"), '<img src="' + path$1.basename(embed.link) + '" alt="' + embed.displayText + '">');
                }
                else {
                    console.warn("Unsupported extension: ", ext);
                }
            }
        }
        return note_text;
    }

[eljamm]

It's simpler than that, actually. Just add the format you want to support in IMAGE_EXTS, and the same for audio files in AUDIO_EXTS:

const IMAGE_EXTS = [".png", ".jpg", ".jpeg", ".webp", ".gif", ".bmp", ".svg", ".tiff"];