How can I make atom-beautify work with html in php file?

Question

I installed the atom-beautify package in my Atom Editor.

I open a file index.php

 <ul>
 <li>Coffee</li>
        <li>Tea</li>
  <li>Milk</li>
        </ul> 

then I make the command "Beautify".

But my code still looks like this:

 <ul>
 <li>Coffee</li>
        <li>Tea</li>
  <li>Milk</li>
        </ul> 

I expect the code to change to this:

 <ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
 </ul> 

Answer 1

Have you ever tried keying "beautify html" in atom command line? (using CMD+shift+P in Atom to open command line) It works for me.

Answer 2

To my knowledge, you can't.

You can, however, stick the HTML into a new tab, set the language as HTML, then beautify. Simply paste it back over.

Answer 3

Taking 吳 品 儒 's answer further and making things easier, you can create a keybinding.

Open Atom >> File >> Settings >> Keybindings. There will be a leyend on top of the search bar that goes like this "You can override these keybindings by copying and pasting them into your keymap file", click on it, it should open a keymap.cson

Copy this code and paste it at the end of the file:

'atom-text-editor':
  'ctrl-alt-n': 'atom-beautify:beautify-language-html'