StudyAlign · Vanilla JS demo

Rich-text editor with interaction logging

This is a StudyAlign demo app. It embeds a Quill rich-text editor and uses the study-align-lib library to record how you interact with it: every keystroke and mouse click, plus editor text and selection changes, is logged to the StudyAlign backend (and echoed to the browser console). It is the same integration you would add to a real study prototype, built here with no framework.

Initialising…

Buffered keydown events are held locally and sent in bulk when you flush; open the console to watch every logged interaction live.