Anki Chinese Back Template

gistfile1.txt

<b style="font-size: 100px; font-family: Kaiti TC">
{{Hán tự}}
</b>

<hr id=answer>

<div id="target"></div>

<script type="text/javascript">
	var characters = "{{Hán tự}}".split("").filter(char => char.trim() !== '');
	var js = document.createElement("script");
	js.type = "text/javascript";
	js.src = "https://cdn.jsdelivr.net/npm/hanzi-writer@2.2/dist/hanzi-writer.min.js";
	js.onload = function() {
		for (x of characters) {
			var writer = HanziWriter.create('target', x, {
				width: 70,
				height: 70,
				padding: 0,   
				showOutline: true,
				strokeAnimationSpeed: 1, 
				delayBetweenStrokes: 100, // milliseconds
				radicalColor: '#337ab7' // blue
			});
			writer.loopCharacterAnimation();
		};
	};
	document.body.appendChild(js);
</script>

<hr id=answer>

{{Pinyin}}

<hr id=answer>

{{Tiếng Việt}}

<hr id=answer>
<b style="font-size: 40px; font-family: Kaiti TC">
{{Example}}
</b>

<hr id=answer>
{{Audio}}{{ExampleAudio}}