HTMX Field Edit

Provides an entity reference field formatter with buttons to add or edit items in the front end.
Uses HTMX to reload the field after making changes.

*Additional field type support coming soon.
*D12/HTMX4 revision coming soon.

UX design by human, code by AI.

Features

• Choose modal, dropdown, or inline editing form
• Configure form modes for add/edit buttons
• Works with labels or rendered entities

Post-Installation

1. Go to manage display for your entities and configure field formatters to use Label/Rendered entity, editable with HTMX formatter.
2. If needed, configure form modes for add/edit.
   • Recommended to use default or set up a simplified form mode for the added item type.
   • Recommended to use inline edit form advanced, with option to add existing items for edit.
   • *Note that the add form uses the added item type's config, and the edit form uses the widget configured for the referencing entity.

Similar projects

Quick Edit
Outdated code, mediocre UX.

Editable Fields
D11 is dev only.
Embeds form on the display page, disrupts design.

Frontend Editing
Opens edit form in the sidebar.

Edit In Place Field
Can't add reference items.
Embeds form on the display page, disrupts design.

Supporting this Module

Try it out, report issues, tell your friends.

Community Documentation

Development notes