How to get Prettier fixing to work for mixed HTML/PHP files? #4266

herrbischoff · 2022-07-27T15:41:41Z

herrbischoff
Jul 27, 2022

When working with PHP template files of the Kirby CMS system, I cannot seem to get ALE to work with fixing HTML formatting via prettier inside of PHP files. Here's an excerpt of a file called default.php:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <meta name="description" content="something here" />
    <meta name="robots" content="index,follow" />
    <meta name="revisit-after" content="2 days" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title><?= $page->title() ?></title>
    <?= css(["assets/css/main.min.css", "@auto"]) ?>
  </head>
  <body>
    <header class="section">HEADER</header>
    <main class="section">
      <div class="columns">
        <div class="column">
          <article>
[...]

Here's the fixer settings I have defined:

let g:ale_fixers = {}
let g:ale_fixers = {
\  'css':        ['prettier'],
\  'html':       ['prettier'],
\  'javascript': ['prettier-standard'],
\  'json':       ['prettier'],
\  'php':        ['prettier'],
\  'scss':       ['prettier', 'stylelint'],
\  'sass':       ['prettier', 'stylelint'],
\  'vim':        ['trim_whitespace', 'remove_trailing_lines'],
\  'vue':        ['eslint'],
\  'yml':        ['prettier']
\}
let g:ale_fix_on_save = 1

When saving the file or calling :ALEFix nothing happens. Running Prettier directly via :%!prettier --parser=html works though.

Setting ft=html, either directly or via mode line does not change this behavior, only renaming the file to have an .html extension works as expected. This breaks the CMS expectations regarding file naming however, making this untenable.

How do I get this setup to work? I'm looking to format the HTML content of the files. Ideally, the Prettier PHP plugin would work as well but I don't care too much about that.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to get Prettier fixing to work for mixed HTML/PHP files? #4266

{{title}}

Replies: 0 comments

Select a reply

How to get Prettier fixing to work for mixed HTML/PHP files? #4266

herrbischoff Jul 27, 2022

Replies: 0 comments

herrbischoff
Jul 27, 2022