IntelliJ expands Emmet expression in html encoded format - html

New user to IntelliJ ultimate 2016. Trying to use simple emmet expression "div.error" in a index.html file.
When I tab out, it expands to below expression with html encoded form instead of usual html.
<div class="error"></div>
<!-- /.error -->
I'm not what settings I messed up with. Any help is appreciated

Preferences | Editor | Emmet | HTML, make sure that 'Escape' filter is not enabled in 'Filters enabled by default'

Related

Visual Studio Code don't recognize HTML file

I am learning to build a Website on Python Django, but when I create a HTML file in VS code, this Editor don't recognize this file. You can see in following picture. I don't know how to solve this problem. Pls help me if you know, thank you very much
Try to install any HTML extension
Turn on HTML5 suggestion in settings.json file:
"html.suggest.html5": true
Follow this post
No HTML suggestions in Visual Studio Code
Note that in the bottom right-hand corner of your screen, the document language is Python Django, but if you click that and change the language to HTML, you will get HTML language features.
if necessary, sometimes it can be useful to compose a document in a side-by-side window that has the language type you need, to get the hinting and auto completion features, and then copy that into the adjoining document.
After installing and activating Django extension;
File - Preferences - Settings
Then find "Emmet:Include Languages" (You can use CTRL + F for that)
After that arrange "Item" and "Value":
Item = django-html
Value = html
Then click OK
In this way, it will be solved I guess

PhpStorm does not recognize HTML tags correctly

I'm trying to write an HTML file in PhpStorm and I got a bunch of errors. I'm not sure how to explain it, so I will link a screenshot below.
Basically I got an error at each HTML tag and error message like
TS2365 Operator '>' cannot be applied to string and number
I have not enabled TSLint and my file mapping is correct.
Any help will be appreciated
WEB-36373 is fixed in 2018.3.3.
For now, I can suggest turning Angular language service off in Settings | Languages & Frameworks | TypeScript (all the angular functionality will still be available)

PhpStorm can't highlight the file

When I write JavaScript in PhpStorm the articleList.js file looks great but list.js become like plain text.
How can I fix it?
Please check if list.js is added to text file patterns in Preferences | Editor | File types -> Text file type. Removing this pattern should solve your problem

PhpStorm add Angle brackets with tab

I start with PhpStorm but I don't understand why it adds angle bracket every time I press Tab.
In a html file (| cursor position) I type a then [Tab]. I get I write I have | and then if I write this[Tab] I have <this>|</this>!
No matter where I write to an htlm file, I have this behavior! In a php file, it simply doesn't make a tab. I reset the settings by deleting file ~/Library/Preferences/PhpStrom2017.2. But it's always the same.
If you want to get rid of this behaviour for HTML files you can do this.
Settings | Emmet | HTML | Enable XML/HTML Emmet
-- disable this option.

Sublime Text 3 - Emmet shortcut for HTML 5 not working.

I have recently downloaded sublime text 3 and installed emmet. The issue that I am having is that when I write the short code for HTML 5 and press tab, it doesn't work. This method was used in sublime text 2 and it worked. Does anyone have any solutions to this issue?
type ! and then press Tab.
found the answer on cheatsheet
Text editor doesn't know what shortcut to expand until you save new file as *.html or change the syntax (bottom/right), because new document starts in plain text.
I guess that you are looking for something like Html Boilerplate. This package generates a full html5 structure just by typing
htmlboiler
and pressing TAB
EDIT: Just found the answer in the Emmet official cheatsheet; just type
!
And hit TAB (Yes, just the exclamation character).
You don't need an extension. Just either open an html file, save it as an html file, or hit ctrl + shift + P then type "html" and hit enter to select "Set Syntax: HTML"
Then, simply type "HTML" followed by either tab or ctrl+space.
#ayek is correct, all you need to do is set the document type to HTML; once you do, you can then type "html" and hit tab. Good luck, and happy coding. -KW
Create a new file (no need to save or type anything yet). From the menu, View > Syntax, then select HTML. Now type 'html' and press TAB.
The following appears:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
This didn't need any extra plugins - standard out-of-the-box Sublime 3 functionality :)
The above answer was the unique correct, that worked:
Create a new file (no need to save or type anything yet).
From the menu, View > Syntax, then select HTML.
Now type 'html' and press TAB.