Design comparison
SolutionDesign
Solution retrospective
Hi everyone! I took this challenge because I wanted to do the parsing myself. Couple questions about my road blocks:
- I'm using Vuejs for the side-by-side formatting. Framework + parsing does okay for most tags, but I wonder if there is a more elegant way to do this besides waiting for a valid Md like in link or bold (inline tags mostly).
- I ended up redoing the parser with regular expressions, which made my code cleaner (and less complex even if it's regex), but lists still had to be processed separately to ensure all list items are in one list. Any other ideas?
- The preview is rendered inside
v-html
which isn't good from a security point of view. Now this is just Md and there are no inputs or form tags inside thev-html
directive, so I guess it's not so bad, but any ideas on how to render the formatted markdown? Thank you!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord