Pour remplacer les instructions sous forme de texte en image, il faut insérer deux fichiers Javascript et activer le remplacement du bloc par un code javascript.

<script src="https://scratchblocks.github.io/js/scratchblocks-v3.6.0-min.js">
<script src="https://scratchblocks.github.io/js/translations-all-v3.6.0.js">

<script>
scratchblocks.renderMatching('pre.blocks', {
style: 'scratch3', // Optional, defaults to 'scratch2'.
languages: ['en', 'fr'], // Optional, defaults to ['en'].
scale: 0.8, // Optional, defaults to 1
});
</script>

Le code html <pre class=’blocks’>instruction</pre> est alors traduit en image.