Export from Language Reactor

Hi there,
I need to ask you for a piece of advice, guys. I use Anki to learn English. Today, I tried exporting Anki files from the Language Reactor Chrome extension. The cards work just fine on the desktop version of Anki. On any other devices, the images are not displayed, though. If anyone share their experience and possibly also a solution to this issue I will really appreciate it. The Language Reactor’s manual for Anki export is here Language Reactor
You can find and download the .zip file here Zásilka | Úschovna.cz

The ‘Include media’ option will export Anki notes (as a CSV file) along with media files (images and audio) together in a zip archive. You will need to unzip the archive, then copy the media files into the Anki media folder. Depending on your operating system, you can find this folder in a different location:
Language Reactor

On Windows

The latest Anki versions store your Anki files in your appdata folder. The full path is something like: C:Users[WINDOWS USERNAME]AppDataRoamingAnki2[ANKI USERNAME]collection.media . Older versions of Anki stored your Anki files in a folder called Anki in your Documents folder.

On Mac

Recent Anki versions store all their files in the [HOME DIRECTORY]/Library/Application Support/Anki2 folder. Then open a folder with your username, and finally, open collection.media folder. The Library folder is hidden by default, but can be revealed in Finder by holding down the option key while clicking on the Go menu. If you’re on an older Anki version, your Anki files will be in your Documents/Anki folder.

On Linux

Recent Anki versions store your data in [HOME DIRECTORY]/.local/share/Anki2, or $XDG_DATA_HOME/Anki2 if you have set a custom data path. Then open a folder with your username, and finally, open collection.media folder. Older versions of Anki stored your files in [HOME DIRECTORY]/Documents/Anki or [HOME DIRECTORY]/Anki.

Yep, this is exactly what I did. The cards work fine on the Anki desktop app included both audio and images.

Could you do ToolsCheck database and Check media then screenshot the tab of check media

Mine is in pt-br, but the location is the same, the blue one is check media, and the above is check database
image

This is what I got back. It seems to me, that Anki does not use the .jpg files. And yet, they are shown in the cards.


Could replicate in 23.12.1 on macOS

Seems like Anki is not detecting .jpg even though they are being used in their cards

Deleting unused will delete them

Waiting devs feedback for a bug report

That was what I did when I was trying previously. I deleted the unused files from the media folder and that was probably the problem.
Now I have found that they have to be present even though they look like they are not used. Otherwise the images do not work in the cards. Problem solved. I should have tested more options before asking for advice here. Thank you for your time.

1 Like

It sounds like the extension and its associated card template is referencing media files in a way that Anki doesn’t detect - you should report the issue to them, as this is something they can fix.

It isn’t a card template they export via .csv and a media folder, there is a sample download on the first post

the card template you see is from the import menu where you can select in what note type they will add
image

If they’re normal image links in the .csv file, Anki shouldn’t report the files as unused in ‘check media’.

icic, for reference, this is one example card in the .csv

<style>

    html,
    body {
        padding: 0;
        margin: 0;
    }

    .card {
        background: rgb(255,243,248);
        background: linear-gradient(76deg, rgba(255,243,248,1) 0%, rgba(238,246,255,1) 100%);
    }

    .nightMode.card {
        background: black;
    }
    
    .dc-card {
        background-color: white;
        padding-bottom: 1rem;
        border-bottom: 0.5px solid grey;
    }

    .nightMode .dc-card {
        background: #333;
        border-bottom: none;
    }

    .nightMode .cloze {
        color: #1569C7;
    }

    .dc-title {
        color: rgb(127, 127, 127);
        font-size: 0.8rem;
        text-align: center;
        padding-top: 0.65rem;
        margin-bottom: 0.65rem;
    }

    .dc-images {
        text-align: center;
        max-width: 450px;
        margin: 0 auto 0.5rem;
    }

    .dc-image {
       margin-left: 2px;
       margin-right: 2px;
        display: inline-block;
        width: calc(50% - 10px);
        padding-bottom: 29%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .dc-line {
        padding: 0.4rem;
    }

    .dc-up {
        display: block;
        font-size: 0.75rem;
    }

    .dc-translation {
        color: fuchsia;
    }

    .dc-layer {
        display: inline-block;
        text-align: center;
        line-height: 1.3rem;
    }

    .dc-lang-zh-CN.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-zh-TW.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-ja.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-th.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-ar.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-fa.dc-orig {
        font-size: 1.2rem;
    }
    .dc-lang-ur.dc-orig {
        font-size: 1.2rem;
    }
</style><div class="dc-bg"><div class="dc-card dc-lang-en dc-phrase"><div class="dc-title">Virgin River E1 Carry On</div><div class="dc-images"><div class="dc-image dc-image-prev" style="background-image: url(1681681035406_prev.jpg)"></div><div class="dc-image dc-image-next" style="background-image: url(1681681035406_next.jpg)"></div></div><div class="dc-line"><span class="dc-down dc-lang-en dc-orig">You</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">know</span><span class="dc-down dc-lang-en dc-orig">,</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">I</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">can</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">fight</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">my</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">own</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">battles</span><span class="dc-down dc-lang-en dc-orig">.</span></div><div class="dc-line">{{c1::<span class="dc-gap"><span class="dc-down dc-lang-en dc-orig">Never</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">turn</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">down</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">help</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">when</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">deep</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">in</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">a</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">foxhole</span><span class="dc-down dc-lang-en dc-orig">.</span></span>::<span class="dc-translation dc-lang-cs">Nikdy neodepínáš pomoc, když jsi hluboko v zákopu.</span>}}</div><div class="dc-line"><span class="dc-down dc-lang-en dc-orig">How</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">about</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">a</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">show</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">of</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">Virgin</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">River</span><span class="dc-down dc-lang-en dc-orig"> </span><span class="dc-down dc-lang-en dc-orig">hospitality</span><span class="dc-down dc-lang-en dc-orig">?</span></div></div></div>