Capture form data from html annotations

[ines (Ines Montani)]

Hi! I think you might be looking for something similar to this:

Save values edited by user in custom HTML / JS recipes

When I save annotations made with the custom html recipe, it seems that ProdiGy only records the “accept/reject”, the “text” field of the input jsonl file, “meta” tag, and task hashes. Any other values passed along in the input jsonl file just get passed to the database as is, it doesn’t seem to be possible to access them from the interface. How can I pass some other value from my custom html interface, for example the contents of a div element that the annotator somehow modified? document.add…

The "javascript"template option is still experimental and currently not officially documented – but you can see usage examples in this thread:

Custom view templates with scripts

Update: All works pretty smoothly already! : [custom_js_poc] The above example only needed the following html_template and javascript config: <button class="custom-button" onClick="updateText()"> Text to uppercase </button> <br /> <strong>{{text}}</strong> let upper = false; function updateText() { const text = window.prodigy.content.text; const newText = !upper ? text.toUpperCase() : text.toLowerCase(); window.prodigy.update({ text: newText }); upper = !upper; …