HTML Files recognized as Django template in VS Code

[cdrrr]

If Django extension is installed in VS Code, all HTML files are recognized as Django files and displays a wrong icon.

[dustinmichels]

I am having problems with this, too.

Configuring the "file.associations" settings seems like the right approach, but even when I add the suggested snippet to my settings, all HTML files get recognized as "django-html."

"files.associations": {
    "**/templates/*.html": "django-html",
    "**/templates/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

Shouldn't this snippet cause only html files in a templates/ folder to be recognized as "django-html"? Am I missing something?

[dustinmichels]

Update: These settings seem to work for my needs.

  "files.associations": {
    "*.html": "html",
    "**/templates/**/*.html": "django-html"
  },

Would this be a better configuration to include in the README?

[washie254]

Update: These settings seem to work for my needs.

  "files.associations": {
    "*.html": "html",
    "**/templates/**/*.html": "django-html"
  },

Would this be a better configuration to include in the README?

This Totally worked for me. -> in case you're lost

1. access settings use Ctrl+,
2. search file.association on the search bar
3. select ' edit in settings.json '
4. append this section in "files.associations":

 "*.html": "html",
"**/templates/**/*.html": "django-html"

[Networkqueen]

Thank you so much this worked for me

[Ritik-Creates]

Thanks.... I was getting messed up in my server due to this

[PianoHallvard]

Excellent! This has bugged me for months
I just uninstalled django

[antonygatua]

Thanks works for me too!

[Bishwas-py]

I want this problem in my VSCODE. How to get this problem, please?

[enricoreich]

So, after vscode is recognizing django templates as django templates, how do I get all the html and emmet feature back? I mean features like html intellisense, code completion and formatting etc...

for formatting I tried in settings.json:

"[django-html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  }

but it does not work. I don't want to install additional extensions like beautify or prettier because they don't support django templates and are making formatting even worse. But it would be enough for me to get IntelliSense and code completion back. Any ideas? Thanks!

[AlessandroCF]

Thank you for your very valuable advice, it helped me a lot.
Best regards

[zia-ashraf]

I thought at last i got the answer.BUT,
"files.associations" comes up when i search it in settings but, ' edit in settings.json ' option is not present for this one.
It just shows:

[Pixelshot]

I thought at last i got the answer.BUT,
"files.associations" comes up when i search it in settings but, ' edit in settings.json ' option is not present for this one.
It just shows:

You can insert them individually as below

[eykanal]

Solved in this thread. In summary:

1. Install Beautify by HookyQR (to allow modifying file type formatters)
2. Add the following to your user settings file:

"beautify.language": {
    "html": [
        "htm", "html", "django-html"
    ]
},

[eriker75]

Thank you very much

[VladIftime]

So, after vscode is recognizing django templates as django templates, how do I get all the html and emmet feature back? I mean features like html intellisense, code completion and formatting etc...

for formatting I tried in settings.json:

"[django-html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  }

but it does not work. I don't want to install additional extensions like beautify or prettier because they don't support Django templates and are making formatting even worse. But it would be enough for me to get IntelliSense and code completion back. Any ideas? Thanks!

I found that you have to add the following line to VSCode's settings.json:
"emmet.includeLanguages": {"django-html": "html"}

This fixed it for me, hope it helps.

[fedepuleio]

I thought at last i got the answer.BUT,
"files.associations" comes up when i search it in settings but, ' edit in settings.json ' option is not present for this one.
It just shows:

You can insert them individually as below

you made my day, THANKS!!!!

[Fate1405]

*.html
**/templates/**/*.html

In case you were too lazy to type it out lmao.

[Seek4samurai]

Update: These settings seem to work for my needs.

  "files.associations": {
    "*.html": "html",
    "**/templates/**/*.html": "django-html"
  },

Would this be a better configuration to include in the README?

This is the perfect solution. Hands down.

[sammanamgain]

just uninstall Django in extension problem solved

[batisteo]

Thanks for your patience. I found the undocumented filenamePatterns key (see commit) and it should work as expected now.

🗑️ You can remove the file associations in your settings, for both django-html and html, as this extensions shouldn’t be that eager with HTML files.

I hope it will reduce the frustration of you guys and new comers.

[michael-hll]

Update: These settings seem to work for my needs.

  "files.associations": {
    "*.html": "html",
    "**/templates/**/*.html": "django-html"
  },

Would this be a better configuration to include in the README?

This worked for me... Thanks a lot.

This worked for me... Thanks a lot.

[batisteo]

@michael-hll Have you updated the extension and tried to remove the html file associations?

[DanSiGo]

Update: These settings seem to work for my needs.

  "files.associations": {
    "*.html": "html",
    "**/templates/**/*.html": "django-html"
  },

Would this be a better configuration to include in the README?

this worked for me, but wrote "/templates//*.html": "html" instead

don't know why to use "django-html", but didn't get intellisense with it

[vedika-gupta]

This Totally worked for me. -> in case you're lost

1. access settings use Ctrl+,
2. search file.association on the search bar
3. select ' edit in settings.json '
4. append this section in "files.associations":

 "*.html": "html",
"**/templates/**/*.html": "django-html"

Hey! This worked for me but I am still not able to use doctype file using shift + 1.