Skip to content

[New Rich Text Editor]: implement insertion toolbar actions #5131

@habibayman

Description

@habibayman

This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Desired behavior

The new editions to the component should:

  • Be accessible via http://localhost:8080/editor-dev#/
  • Support insertion buttons for:
    • Image upload handling which should include for the uploaded image:
      • resizing
      • deleting
      • replacing
    • Code blocks with syntax highlighting
    • External Links with full editing experience
    • Math equations
    • Superscript/subscript formatting
  • Maintain existing support for:
    • Text styling: bold, italic, underline, strikethrough
    • List formatting: unordered, ordered
    • Headings: small, normal, h1–h3
    • Undo/redo, copy/paste (with formatting options)
    • Keyboard navigation (including tab traversal)
    • RTL language support
    • Internationalization (i18n)
  • Match the planned design

Current behavior

  • TipTap and core formatting features are already implemented
  • Component is available for isolated development at http://localhost:8080/editor-dev#/
  • New docs file (e.g. docs/rich_text_editor.md) is updated with component integration notes
  • The insertion buttons listed above are not yet added or functional

Value add

This sub-issue is part of the overall feature tracked in [main tracking issue](#5049). Completing the insertion buttons will significantly enhance the editor’s usability by enabling embedding media, advanced formatting, and rich content creation.

Next step

Now that we have a fully functioning toolabr, we have to step to maintaining legacy markdown conversion


Add labels

  • dependencies
  • DEV: frontend

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions