generated from hackforla/.github-hackforla-base-repo-template
-
-
Notifications
You must be signed in to change notification settings - Fork 54
Open
Labels
Missing: FeatureThe feature tag is missing for this issueThe feature tag is missing for this issueMissing: MilestoneThis issue is not part of any milestoneThis issue is not part of any milestoneMissing: RoleThe role is missing from this issueThe role is missing from this issueMissing: SizeThe effort estimate for this issue is missingThe effort estimate for this issue is missingdraft
Description
Overview
We need to add a rich text editor (using React Quill) for the Announcement Description field in the admin UI — similar to the implementation used in the TDM Calculator (#1479). This will allow admins to create formatted announcement content (bold, italics, lists, links, etc.) and improve content management. This work is related to #2326.
Details
- The current Announcement Description field is a plain text input.
- Replace this input with a React Quill rich text editor in the admin Announcement form.
- The editor should support basic formatting options such as bold, italics, underline, lists, and links.
- Announcement content should be stored as HTML and rendered correctly on the front end.
- HTML content must be sanitized to prevent XSS or unsafe markup (e.g.,
<script>tags). - Backend/API updates may be required to accept and persist HTML content for announcements.
- The front-end announcement display should safely render formatted HTML.
- Follow the pattern used in the TDM Calculator Quill editor implementation (Bump got and nodemon in /server #1479).
Action Items
[PLEASE ADD ACTION ITEMS (Dev lead/developer will add)]
Notes / Resources
- TDM Calculator React Quill implementation: Design: Create a tooltip for editing or adding links on the Admin FAQ Pages tdm-calculator#1479
- Related Food Oasis issue: Epic Feature: Announcement / Alert bar (for holidays, emergencies, etc.) #2326
- Consider using libraries like DOMPurify for sanitizing HTML content before rendering.
Metadata
Metadata
Assignees
Labels
Missing: FeatureThe feature tag is missing for this issueThe feature tag is missing for this issueMissing: MilestoneThis issue is not part of any milestoneThis issue is not part of any milestoneMissing: RoleThe role is missing from this issueThe role is missing from this issueMissing: SizeThe effort estimate for this issue is missingThe effort estimate for this issue is missingdraft