Auto Format on Visual Studio Code for .cfm files

Question

Does anyone know if there's a way to auto format ColdFusion documents on VSCode the way it does for HTML files?

For those who are looking for the same formatting solution. I found that the easiest way is to install Unibeautify extension on VSC — Shawn Yap
– Shawn Yap, Commented Mar 6, 2019 at 16:52

James Moberg · Accepted Answer · 2019-02-25 14:27:52Z

5

Auto format HTML, JS & CSS within CFM/CFML files?

If you want, you can install the Beautify and then add cfc, cfm, & cfml as languages in the settings.json file. After that, you can use "Beautify Selection" or "Beautify File" to modify code. If the plugin can't decide what type of code you are formatting, it will prompt you for "HTML, JS or CSS". (I've assigned a shortcut so I don't have to press CTRL+SHIFT+P to search for the the beautify option.)

SETTINGS.JSON

"beautify.config" : {
    "beautify.language": {
        "js": ["js","json","cfc"],
        "css": ["css", "scss"],
        "html": ["htm", "html", "cfml", "cfm"]
    },
    "html": {
        "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "cfm", "cfml"]
    }
}

answered Feb 25, 2019 at 14:27

James Moberg

4,4911 gold badge25 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Shawn Yap Over a year ago

Hey James, this does work but some tags are off by doing this.

James Moberg Over a year ago

"some tags"? I'll need more details in order to provide a response.

Shawn Yap Over a year ago

For example, multiple <cfset /> tags would be indented on each line even though they are self closing tags. Hope this makes more sense

James Moberg Over a year ago

ok... some "CFTags". I'm not sure how that would work. (When using UltraEdit, they always generated secondary auto-closing tags and there was no way to identify which tags to not do it to... it was all or nothing, so we chose nothing.) I beleive that standard "HTML" formatting rules are all that can be applied. I don't know how you are applying line breaks or the context of the code... so results may vary. The initial problem I encountered was that I couldn't format portions of HTML, CS & JS within a CFM template, I didn't attempt to reformat CFML.

charlie arehart Over a year ago

Sharing for other readers: I found that for Beautify's settings.json, it's not "cfc" and "cfm" that should be added (being the file extensions one may use) for the "beautify.language" options like "html", but instead "cfml", as that's the vscode "language mode" which gets selected (by other settings for those extensions). This especially would trip someone up who saw James' example above and left off "cfml" because they "don't use that extension".

|

Shawn · Accepted Answer · 2019-02-23 19:58:35Z

1

In VS Code, click on Extensions on the left side. Or View >> Extensions (or CTRL-SHIFT-X on Windows). Enter "CFML" in the Search box, and choose KamasamaK's extension (kamasamak.vscode-cfml). It is an excellent extension. There are also others, if you're interested.

Or https://marketplace.visualstudio.com/items?itemName=KamasamaK.vscode-cfml

answered Feb 23, 2019 at 19:58

Shawn

4,7961 gold badge22 silver badges29 bronze badges

2 Comments

Alex Over a year ago

That still doesn't support format for HTML within <cfoutput> though, right? I think that's what OP was asking for.

Shawn Yap Over a year ago

Yup, I already have that extension for syntax. It doesn't have auto format features.

Collectives™ on Stack Overflow

Auto Format on Visual Studio Code for .cfm files

2 Answers 2

8 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related