Skip to content

Add React Quill rich text editor for Announcement Description input #2625

@SAUMILDHANKAR

Description

@SAUMILDHANKAR

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


Metadata

Metadata

Assignees

No one assigned

    Labels

    Missing: FeatureThe feature tag is missing for this issueMissing: MilestoneThis issue is not part of any milestoneMissing: RoleThe role is missing from this issueMissing: SizeThe effort estimate for this issue is missingdraft

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions