JavaScript to replace text string with image?

Anki Card Design
1

Hi!

Is it possible to add a script to the card template that replaces every instance of a specific text string with a matching image previously saved to the Anki collection.media folder?

Example: every instance of the text “one” in these cards are replaced with the image _one.png from the media folder when reviewing.

2

Could something like this be made to work?

<div id=front />
<script>
var str = document.getElementById("Front").innerHTML;
var res = str.replace(/one/g, "<img src='_one.png'>");
document.getElementById("Front").innerHTML = res;
</script>
3 
<div id=front>{{Front}}</div>

<script>
var str = document.getElementById("front").innerHTML;
var res = str.replace(/one/g, "<img src='_one.png'>");
document.getElementById("front").innerHTML = res;
</script>
1 Like
4

Thank you :pray:

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.