IntelliJ: formatting html.eex files

Nefcairon

Hello,

Should the command Code > Reformat code (Ctrl-Alt-L) oder Code > Auto-Intend Lines (Crtl-Alt-I) work with .html.eex files when using IntelliJ plugin intellij-elixir? If yes, do I have to change or set up anything?

Sorry if I should have posted in the IntelliJ Elixir - Elixir plugin for JetBrain’s IntelliJ Platform topic.

Thanks,
Peter

16 comments

#eex #intellij

0 6900 16

2022-02-05 09:01:35 UTC

Showing Posts 16 to 7

Show Best Posts
Show All (oldest first)
Show All (newest first)

benkeil

Do you get auto completion for tailwind?

Post #16

joe

Sadly the autocompletion for both html feels a lot worse than it did when I had set it to twig.
When I type <div cl it used to create the rest for me <div class=""></div>.

Also my live template didn’t work anymore.

The workaround was to create it in the elixir language section and make it available for html files at the bottom.

Maybe this will help someone.

If you have an idea how to get my html autocompletion back, please share it with me.

Maybe I should make my template language into something else than html? Or change all live templates of zen html and zen css to be applicable in elixir files?

Post #15

KronicDeth

Thank you, @joe, but I can’t take the credit. The formatter change was actually a community contribution from niknetniko (Niko Strijbol) · GitHub. All I did was the review and merge on that one.

Post #14

joe

EDIT: Found an update, everything works now. Woohoo!
This is amazing. Not perfect yet, but definitely awesome.

I just donated a coffee to @KronicDeth. Thank you so much!

FYI: The link if anyone else is interested: GitHub - KronicDeth/intellij-elixir: Elixir plugin for JetBrain's IntelliJ Platform (including Rubymine) · GitHub

Post #13

drl123

Yes, exactly. Select the Embedded Elixir file type and click the + sign. It will ask you for the template language and select HTML. Obviously, you’ll need to do the same for *.html.leex if using LiveView templates too. Once I do that, the syntax highlighting works and even the Emmet shortcuts for building HTML elements!

It may be RubyMine (or any small IDE) specific. I don’t have IntelliJ on this machine to check.

Post #12

niknetniko

That should happen automatically. The highlighting is broken since it’s a code snippet, it works fine in Intellij for me:

My file types:

Post #11

joe

On your screenshot you have set the language of *.html.eex to Embedded Elixir, no?

Your highlighting seems correct (in contrast to @niknetniko’s answer). Is that Rubymine specific? Because I want that!

Post #10

drl123

I’m using it with Rubymine and if you add *.html.eex and set the template language to HTML, it formats both the HTML and Elixir as you can see below. This has been my pet peeve for a while but seems to be resolved with the latest update!

Post #9

niknetniko

The Elixir plugin was recently updated to provide better formatting (as of v11.8.0). It will now use the underlying language for eex files, meaning *.html.eex files will be formatted as HTML. Unfortunately, this still won’t format both Elixir and HTML at the same time. An example of what I mean:

<html>
<body>
<div>
  <%= if true do %>
    <p>Hallo</p>
    <% end %>
  <p>Test</p>
</div></body></html>

will be formatted as:

<html>
<body>
<div>
    <%= if true do %>
    <p>Hallo</p>
    <% end %>
    <p>Test</p>
</div>
</body>
</html>

As you can see, the content inside the if was not indented.

Post #8

joe

If anyone ever finds a better solution than the Twig file type, please please please tell me here. It’s still driving me crazy because now I basically have the option which language it’s properly formatting but not both…

Post #7

Load more posts (6 remaining)