What is @prettier/plugin-xml?
@prettier/plugin-xml is a plugin for Prettier that allows you to format XML files. It integrates seamlessly with Prettier, enabling you to maintain consistent formatting across your XML documents.
What are @prettier/plugin-xml's main functionalities?
Format XML
This feature allows you to format XML files to ensure they are properly indented and easy to read. The plugin will automatically adjust the spacing and indentation to match Prettier's configuration.
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
Integration with Prettier
This feature demonstrates how to integrate the XML plugin with Prettier. By adding the plugin to your Prettier configuration, you can ensure that XML files are formatted according to the same rules as your other code.
module.exports = {
plugins: [require('@prettier/plugin-xml')],
xmlWhitespaceSensitivity: 'ignore'
};
Other packages similar to @prettier/plugin-xml
xml-formatter
xml-formatter is a standalone library for formatting XML files. Unlike @prettier/plugin-xml, it does not integrate with Prettier but can be used independently to format XML strings or files.
pretty-data
pretty-data is a package that provides functions to pretty-print XML, JSON, and CSS data. It offers more versatility in terms of data types but does not integrate with Prettier like @prettier/plugin-xml.
xml-beautifier
xml-beautifier is another standalone XML formatter. It focuses solely on XML and provides a simple API for beautifying XML strings. It lacks the integration with Prettier that @prettier/plugin-xml offers.
Prettier for XML
@prettier/plugin-xml
is a prettier plugin for XML. prettier
is an opinionated code formatter that supports multiple languages and integrates with most editors. The idea is to eliminate discussions of style in code review and allow developers to get back to thinking about code design instead.
Getting started
To run prettier
with the XML plugin, you're going to need node
(version 8.3
or newer).
If you're using the npm
CLI, then add the plugin by:
npm install --save-dev prettier @prettier/plugin-xml
Or if you're using yarn
, then add the plugin by:
yarn add --dev prettier @prettier/plugin-xml
The prettier
executable is now installed and ready for use:
./node_modules/.bin/prettier --write '**/*.xml'
Configuration
Below are the options (from src/plugin.js
) that @prettier/plugin-xml
currently supports:
API Option | CLI Option | Default | Description |
---|
printWidth | --print-width | 80 | Same as in Prettier (see prettier docs). |
tabWidth | --tab-width | 2 | Same as in Prettier (see prettier docs). |
xmlSelfClosingSpace | --xml-self-closing-space | true | Adds a space before self-closing tags. |
xmlWhitespaceSensitivity | --xml-whitespace-sensitivity | "strict" | How to handle whitespaces. Options are "strict" and "ignore" . |
Any of these can be added to your existing prettier configuration
file. For example:
{
"tabWidth": 4
}
Or, they can be passed to prettier
as arguments:
prettier --tab-width 4 --write '**/*.xml'
Ignore ranges
You can use two special comments to get prettier to ignore formatting a specific piece of the document, as in the following example:
<foo>
< this-content-will-not-be-formatted />
</foo>
Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/prettier/plugin-xml.
License
The package is available as open source under the terms of the MIT License.