Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

How can I disable the highlighting of HTML contained in .js/.ts files in Webstorm?

Tags:

angular

webstorm

I'm working with Angular 2, and Webstorm doesn't seem quite ready for the template to be sitting right there in the Typescript file.

Specifically, it's highlighting anything that goes between the tilde's (`).

The highlighting is really annoying!

like image 243
Bryce Johnson Avatar asked Dec 31 '15 03:12

Bryce Johnson

People also ask

Does WebStorm work with TypeScript?

With WebStorm, you can run and debug client-side TypeScript code and TypeScript code running in Node. js. Learn more from Running and debugging TypeScript.

How do I run an HTML project in WebStorm?

From the main menu, select File | New, and then select HTML File from the list. WebStorm creates a stub file based on the HTML file template and opens it in the editor.

1 Answers

In Webstorm, go to: 

Settings > Editor > Colors and Fonts > General > Code > Injected Language Fragment

By default, it's assigned a background color. Just uncheck the box and it'll go away.

like image 62
Bryce Johnson Avatar answered Oct 21 '22 10:10

Bryce Johnson
Sign in to Comment

Related questions

Break on Exception debugging with WebStorm and Node JS
How do I JSDoc @param in webstorm a callback handler's parameters?
module 'ng' has no exported member 'ui' when using ui-router type definition for typescript
How do you resolve references to gulp.src().pipe() in webstorm 10
IntelliJ IDEA and backticks (`)
How can I configure WebStorm to provide code completion for KoaJS?
Mark node_modules as excluded by default in webstorm 10
How to move forward and backward by one word in embedded local terminal
How to use AMD code completion with webstorm and requirejs?
Change block comments for JSX in webstorm
TSLint - You can bind only to public class members (templates-use-public)
WebStorm highlights React component when props passed through react-redux connect function
Syntax highlighting for Hugo in WebStorm
Java-like code autocompletion with JavaScript?
Disable auto {} insertion for React props in PyCharm
"Unknown directive model" when setting up AWS Amplify GraphQL API in WebStorm
Cannot save file in WebStorm 9
JetBrains IDE - Keyboard shortcut to jump to closing HTML tag
React Native - "react-native-interface.js" - WebStorm
How to remove Background color in the Angular 2 templates in Webstorm

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!