Iyo Block Code Renderer for Scratch

Overview

Iyo Block Code Renderer for Scratch lets you write Scratch-style pseudocode in your WordPress content and renders it as images of Scratch blocks, using the scratchblocks library.

This is useful for tutorials, coding classes (such as CoderDojo), and documentation that references Scratch code.

WordPress.org plugin page: iyo-block-code-renderer-scratch

Repository: kazweda/iyo-block-code-renderer-scratch

Usage

Add a scratchblocks class element to your content and write Scratch pseudocode inside it:

<div class="scratchblocks">
when green flag clicked
say [Hello!]
</div>

Manually escape < and > characters (e.g. < and >) inside the block.

Features

• Automatically renders Scratch-style pseudocode as block images
• Supports English and Japanese block labels
• Rendering happens entirely in the visitor’s browser via JavaScript; no server-side processing or external requests are made

See the WordPress.org plugin page or the repository for more details.

Credits

This plugin relies on scratchblocks (Copyright © 2013–2026 Tim Radvan, MIT License) to render Scratch blocks. Many thanks to its author, Tim Radvan, for publishing this excellent library.