How can I let users edit a prefilled OpenAI answer using an HTML/Next Form node in n8n?

Below is one way you could implement this in n8n:

1. Use the n8n Form Trigger (and accompanying n8n Form node) to collect user input. You can build multi-step forms where one step (or page) gathers the answer from OpenAI.
2. To let the user modify or correct the OpenAI result before sending it on, you can prefill a form field with the OpenAI answer. This is done by passing the answer via query parameters (percent-encoded) on the production URL of the form trigger. In your form definition (using JSON), you would set up a text (or textarea) field that displays the prefilled answer.
3. Once the user adjusts the answer and submits the form, the updated field value is available in subsequent nodes (for example, a Google Sheets node for recording).

Keep in mind:

• n8n does not offer a generic "editable HTML" node. Instead, you achieve interactivity using n8n’s Form nodes.
• When testing, query parameters (which set initial values) are only supported in production mode.
• The form only displays what you define in its JSON configuration. So you can design the page to initially show OpenAI’s answer, let the user edit it, and then pass that value along.

This setup aligns with your target flow:

1. The Form Request node gathers the user’s input.
2. The OpenAI node produces an answer.
3. Your next n8n Form node is set up with a prefilled field (the OpenAI answer) that the user can modify.
4. The modified answer is then passed to the Google Sheets node for recording.

For more details on setting default values and configuring interactive forms, refer to the n8n Form node documentation.