Page MenuHomePhabricator

Design how functions with Z89/HTML output are displayed in Wikifunctions
Closed, InvalidPublic

Assigned To
None
Authored By
DSmit-WMF
Apr 15 2025, 3:14 PM
Referenced Files
F61373889: Screenshot 2025-06-03 at 14.08.36.png
Jun 3 2025, 12:11 PM
F61373027: Screenshot 2025-06-03 at 13.40.15.png
Jun 3 2025, 11:55 AM
F61372973: Screenshot 2025-06-03 at 13.36.51.png
Jun 3 2025, 11:55 AM
F61373303: Screenshot 2025-06-03 at 13.49.40.png
Jun 3 2025, 11:55 AM
F61372923: Screenshot 2025-06-03 at 13.34.41.png
Jun 3 2025, 11:55 AM
F61371272: Screenshot 2025-06-03 at 13.21.12.png
Jun 3 2025, 11:55 AM
F61371251: Screenshot 2025-06-03 at 13.21.03.png
Jun 3 2025, 11:55 AM
F61370727: Screenshot 2025-06-03 at 13.13.28.png
Jun 3 2025, 11:55 AM

Description

A frontend component will be developed to safely display the Z89 HTML output in the Wikifunctions UI.
For this we need a bit of design for the UI of a dedicated Z89/HTML Fragment Frontend component to render the returned HTML.
We should take into account what it should look like in read mode and edit mode.

Details

  • Design how functions with Z89/HTML output are displayed in Wikifunctions. Define UI for Z89 component returning HTML.
  • Write user documentation for basic HTML formatting in function outputs. Create public-facing help materials explaining how to format output using tags like <strong>, <em>, etc.

Perhaps for future:

  • Design in-app guidance for adding basic HTML formatting: Provide prompts, UI hints, or helper text to assist users in adding formatting tags.

Acceptance criteria

  • The different UI situations (expanded/collapsed read and edit) mentioned in the google doc are covered
  • Follows existing patterns

Closing decision

For the POC we are going to go with the Ace editor and a simple icon of CdxIconMarkup for the collapsed read mode view

Event Timeline

DSantamaria lowered the priority of this task from Medium to Low.
DSantamaria removed a project: Workstreams.
DSmit-WMF updated the task description. (Show Details)
DSmit-WMF changed the status of subtask T391985: Create a dedicated Z89/HTML Fragment VueJS frontend component from Open to In Progress.