Автоформатирование встроенного html в файлы уценки с помощью Prettier - PullRequest
Новая
       193

Автоформатирование встроенного html в файлы уценки с помощью Prettier

0 голосов
/ 30 мая 2020

Я пытаюсь использовать Prettier для автоформатирования файлов уценки. Он отлично работает для файлов с чистой уценкой или файлов html, но когда я пытаюсь записать html, встроенные в файл уценки, он работает не так, как ожидалось. Например, рассмотрим следующий неформатированный фрагмент html: 

<img src="really/long/file/path/to/oversized/dog/photo.gif" width="2000" height="2000" title="I love dogs so much, I want to tell everybody I know" alt="This is my favorite dog photo; I really wish it loaded on your computer"/>
<ul>my favorite dog breeds:<li>golden retrievers</li><li>labradors</li><li>poodles</li></ul>

В обычном html или jsx файле Prettier автоматически форматирует его как таковой: 

<img
  src="really/long/file/path/to/oversized/dog/photo.gif"
  width="2000"
  height="2000"
  title="I love dogs so much, I want to tell everybody I know"
  alt="This is my favorite dog photo; I really wish it loaded on your computer"
/>
<ul>
  my favorite dog breeds:
  <li>golden retrievers</li>
  <li>labradors</li>
  <li>poodles</li>
</ul>

Однако, если то же самое фрагмент кода встроен в файл уценки, он остается некрасивым и неформатированным. Можно ли переформатировать html части файла уценки в соответствии с hmml spe c Преттье? Я открыт для взломов, и это не обязательно должно быть производительным. Я просто терпеть не могу вручную выравнивать теги html или смотреть на html, который не совпадает идеально, поэтому любые предложения будут очень благодарны.

Обновление

Если я отформатирую части html как многострочный код и укажу html, это будет автоформат. Ie: 

```html
<div>
<p>some text</p>
</div>
```

превращается в: 

```
<div>
  <p>some text</p>
</div>
```

Я также пробовал использовать параметр mdx parser в моем .prettierrc, но это тоже не сработало .

Итак, я приближаюсь, но не до конца.

...