Lovelace card editing for alignment?

Since combining custom cards is necessary to get what you want your cards to look like and function, the code lines can be quite many. On card combination I am working on is now 500 code lines.
And I am fed up with tabbing line for line trying to get my alignment right and getting a mess of my code.

Is there any editor, or do you have any trick to share how to easily align the yaml-code?

Hi, I use vscode. One good feature is that you can select a block and change the indentation with one key press ( I think it’s ctrl ], but it’s not in front of me to check). Any way, this is great when changing indentation for moving sections in or out of stacks etc.

1 Like

I feel your pain. I was using nano until Lovelace came around.

I use Atom.io with the linter-js-yaml community plugins. It does all of the indentation for you. Atom does take some getting used to as it is not the most intuitive for beginners. But once you get the hang of it, the app is really powerful.

1 Like

Any working solutions for this?