Skip to content

Replace edit area with rich content editor

Jacques Erasmus requested to merge 215120-edit-markdown-via-wysiwyg-editor into master

Job To Be Done

This replaces the SSE edit area with the new Rich Content Editor component.

Note: Changes in this MR are behind the richContentEditor feature flag.

To enable the feature flag:

  1. Run rails c in the project
  2. Run Feature.enable(:rich_content_editor) in the rails console

Test URL: http://localhost:3000/gitlab-org/gitlab-shell/-/sse/master%2FREADME.md

Behaviour

  • No visual changes are expected if the richContentEditor feature flag is disabled
  • Adds WYSIWYG functionality of ToastUI editor to the SSE if the richContentEditor feature flag is enabled

Tasks

  • Display markdown via the ToastUI editor
  • Update the Vuex store when a stateChanged event is emitted
  • Ensure changes are saved as expected
  • Place the rich content editor behind a feature flag

Epic & Design mockups

This issue is part of delivering the feature described in #214559 (closed).

Mockups: #214559 (designs)

Issue: #215120 (closed)

Edited by Jacques Erasmus

Merge request reports