在MDX文件中为JSX启用自动(自)-closing标记
提问于 2020-06-02 12:59:27
我要把一个网站移到盖茨比。对于文章帖子，原始源被写成HTML文件。我想利用这些内容使用MDX的优势。然而，从HTML复制粘贴成吨的文章到MDX会产生很多麻烦。特别是，MDX解析器经常抱怨Expected corresponding JSX closing tag for ...我想知道是否漂亮或任何格式化程序可以帮助自动为MDX文件添加自动关闭标签。
示例：
<img
class="wp-image-1221 size-full"
src="/assets/images/articles-news/Yasmin_pic_4.png"
alt=""
width="504"
height="377"
>预期的格式化输出
<img
class="wp-image-1221 size-full"
src="/assets/images/articles-news/Yasmin_pic_4.png"
alt=""
width="504"
height="377"
/>
// or
<img
class="wp-image-1221 size-full"
src="/assets/images/articles-news/Yasmin_pic_4.png"
alt=""
width="504"
height="377"
></img>
回答 1
Stack Overflow用户
发布于 2020-06-02 19:37:30
更漂亮的MDX解析器无法解析非自闭合的标记，例如示例中的img (playground)。然而，如果你使用超文本标记语言解析器，Prettier会添加结束的/ (playground)。
使用--parser option使用HTML解析器进行格式化(请注意，您需要在添加MDX frontmatter之前使用进行格式化，否则HTML解析器也无法解析文件)：
prettier --parser html --write ./my-html-files-from-wordpress一旦所有元素都(自)关闭，您可以切换回使用Prettier的推断解析器( .mdx文件的MDX)：
prettier --write ./my-formatted-mdx-files页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62152588
复制
腾讯云开发者
