search

Educado-App / educado-frontend

The repository for the educado content creation web platform.
https://app.educado.com
GNU General Public License v3.0
0 stars 4 forks source link

[Web - Create New Course] Text editing experience #118

Closed iarandrd closed 3 weeks ago

iarandrd commented 1 month ago

As a content creator, when creating a textual lecture I want to have a more comprehensive text editing experience

Create a "rich-text" experience

Figma: https://www.figma.com/design/BCEVQYvMDrcBE9qqehr9HL/Mobile-Education-UI?node-id=3073-10469&t=Ye9AmGP5p93LiLc6-4

MBryder commented 1 month ago

Acceptance Criteria for Rich-Text Experience:

  1. Rich-Text Editor Integration:

Given that the content creator is adding a textual lecture, When the user selects the "Texto Estilizado" (Styled Text) option, Then the system should present a rich-text editor interface that includes various formatting tools (bold, italic, underline, font size, text alignment, lists, etc.).

  1. Text Formatting Options:

Given that the user is in the rich-text editor, When the user clicks on any text formatting buttons (e.g., bold, italics, heading levels, lists), Then the selected formatting should immediately be applied to the highlighted text in the editor.

  1. Insert Media and Hyperlinks:

Given that the user is using the rich-text editor, When the user wants to insert media (e.g., images or videos) or hyperlinks, Then the editor should allow them to insert and format media elements or hyperlinks within the text.

  1. Preview of Formatted Content:

Given that the user has formatted the text using the rich-text editor, When the user clicks on a "Preview" button (or similar), Then the system should display a preview of the lecture content as it would appear to end-users, showing all the applied formatting.

  1. Save and Continue Drafting:

Given that the user has started drafting the textual lecture in the rich-text editor, When the user clicks the "Salvar como Rascunho" (Save as Draft) button, Then the system should save the current state of the text and formatting, allowing the user to continue editing later.

  1. Error Handling for Incomplete Content:

Given that the user tries to save or submit the lecture without entering the required information (e.g., title or text), When the user clicks "Adicionar Aula" (Add Lecture) or "Enviar para Análise" (Submit for Review), Then the system should display an error message (e.g., "Please complete all required fields before submission").