In Cloud9 IDE how to beautify HTML code inside Javascript strings?

Question

In Cloud9 IDE you can automatically format HTML codes, or Javascript codes. But once in a while you need to do the formatting not compatible with the containing file type. For example, when you are authoring a web component widget, you need to provide a template, which is HTML structures, in the form of a string variable residing inside a Javascript file. Currently the IDE simply ignore this patch of code, treating it as plain text strings. How can I format the HTMLs in this case? Thanks.

Answer 1

The IDE only supports one file format per file, so either Javascript or HTML or PHP, etc. Templating languages like Handlebars, Blade, or others that combine HTML with other languages are not supported for auto-formatting.

If you'd like to format these files, you'll need to do one of the following:

1. Use a CLI utility that supports the file type you're trying to cleanup.
2. Copy/paste the HTML into a .html file, format it there, then paste it back into your original file.

I'd advise you use #1 because #2 doesn't sound fun. The CLI utility you install/use will depend on what types of files you're actually trying to beautify.