HTML TODOs

This issue tracks HTML issues that should be done before the public release.

---

Please take a look at #5259, which should address this issue.

---

Try out the current experimental HTML support:

yarn add prettier/prettier
yarn prettier filename.html 

or preview playground in #5135.

---

icon	description
✔️	merged
👀	in review
🔜	#5259
🏃	WIP

---

Features

• support front matter
  • #5110
• support pragma
  • 🔜
• unambiguous/XHTML-compatible output for void tags (e.g., <br />) (reason)
  • #5116
• html in js template literal (comment)
  • 🔜
• whitespace-sensitive formatting (comment)
  • #5168
• recognize CDATA (comment)
  • 🔜
• template languages
  • format interpolation {{ js expression }} (comment)
    • 🔜
    • maybe support bracketSpacing? (no, it’s not supported in JSX)
  • Angular
    • format attribute binding syntax (*ngIf, [target], (target), [(target)])
      • 🔜
    • format inline template (@Component({ template: `html` }))
      • 🔜
  • Vue
    • format attribute binding syntax (:class, v-if, v-bind:id, @click)
      • 🔜

Bug fixes

• exclude comments from fragment detection (outdated)
  • #5100
• remove extra trailing newline for <template> (repro)
  • #5127
• add missing trailing newline for <style> (repro)
  • #5111
• preserve HTML entities
  • #5119 #5127
• preserve case-sensitive tags
  • #5101
• preserve case-sensitive attributes
  • #5109
  • non-HTML attributes should be considered case-sensitive (repro, comment)
    • #5135
• support custom self-closing tags (repro)
  • #5117 #5127
  • disable custom self-closing recognition in --parser html and enable it in --parser vue (comment)
    • 🔜
• do not format custom script (repro, comment)
  • #5132
• no inconsistent output for 2+ attributes (repro, comment 1, comment 2)
  • #5134 #5168
• force break tag if there’re multiline attributes (repro, comment)
  • #5134 #5168

Chores

• playground
  • #5105
• switch to htmlparser2
  • #5127
• rename --parser parse5 with --parser html
  • #5127
• update homepage

(If you report an issue here, I’ll update the list and hide your comment to keep this thread clear.)

[michaeljota]

@ikatyang I just want to say thank you for all of this work. After all this time we finally will have HTML support and is thanks to you.

[michaeljota]

If you ask me, I prefer no to worry about rules or plugins, but to have a consistent format in all my files. As I do in JS. Sure, I don’t like some things Prettier does, but I learn to not care, because its better to no think about it.