Markdown Render - Nexus Description

[Alex-Tideman]

Description & motivation 💭

To render Markdown in the UI, we will send the string of markdown to be processed on the /render endpoint, removing any images/html/scripts and sanitizing the content. The endpoint will return the HTML response with strict Content-Security-Policy.

To render the Markdown, we will use an iframe that uses the /render endpoint as the src. To edit the Markdown, we use the Monaco editor.

The markdown.css file has the markdown-specific styling for the elements we want to render (headings, list, blockquote, code).

Screenshots (if applicable) 📸

Design Considerations 🎨

Testing 🧪

How was this tested 👻

• Manual testing
• E2E tests added
• Unit tests added

Steps for others to test: 🚶🏽‍♂️🚶🏽‍♀️

Checklists

• Figure out how to dynamically update the height of the iframe
• Open links in new tab

Draft Checklist

Merge Checklist

Issue(s) closed

Docs

Any docs updates needed?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
holocene	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 12, 2024 2:55pm