Quiero formatear html solo por sangría. Así que descubrí que puedo hacer eso usando prettier . Aquí están mis opciones actuales:
import prettier from 'prettier/standalone'; import htmlParser from 'prettier/parser-html'; return prettier.format(source, { parser: 'html', plugins: [htmlParser], tabWidth: 2, htmlWhitespaceSensitivity: "strict", bracketSpacing: false, });Lo que veo es que la mayoría de las etiquetas están rotas y algunas no comenzaron desde la nueva línea:
<li><p style="margin:0" >123321<a href="https://123" >123</a > (<a href="https://abc">abc</a >)</p ></li > <li ><p style="margin:0" ><a href="https://xyz" >xyz</a ></p ></li >lo que quiero es
<li> <p style="margin:0">123321 <a href="https://123">123</a> </p> </li> <li> <p style="margin:0"> <a href="https://xyz">xyz</a> </p> </li>¿Alguna idea de qué opciones más bonitas ayudarían a lograr eso?
Puede configurar htmlWhitespaceSensitivity para "ignorar" en sus opciones. Consulte https://prettier.io/docs/en/options.html#html-whitespace-sensitivity .
return prettier.format(source, { parser: 'html', plugins: [htmlParser], tabWidth: 2, htmlWhitespaceSensitivity: "ignore" });La salida no se ve exactamente como la querías, pero más cerca.
<li> <p style="margin: 0"> 123321 <a href="https://123">123</a> ( <a href="https://abc">abc</a> ) </p> </li> <li> <p style="margin: 0"><a href="https://xyz">xyz</a></p> </li>