IntelliJ HTML highlighted whitespace - intellij-idea

I wanted to remove most of the highlights in the HTML editor. I have done for most of them from Editor->Colors & Fonts->HTML.
But I still get random whitespace highlighting as the picture below for various html files. The strange thing is that it does not appear on all files.
Any idea how to turn the "green" highlighting off?


you can try this :
1.setting->Editor>Colors & Fonts>General(I guess all of color settings extend this)
2.setting->Editor>Colors & Fonts>Language Defaults(I guess all of language color setting extend this)
you can inspect the background in this setting.

Related

How to modify the font of PhpStorm findbox

How to modify the font of PhpStorm findbox (find text field)? Fonts are windows default simsun! No change options in settings.

Update: this feature is available starting from IntelliJ IDEA 2018.3.1. To make the search/replace fields use the editor font you can add -Dide.find.use.editor.font=true in Help | Edit Custom VM Options and restart the IDE.
Original answer:
At the moment the font used in the text field is hardcoded and you can't change it, please vote for this request and follow it for updates:
IDEA-106651 Editor Search/Replace: use editor font for text input fields
Other related requests:
IDEA-68258 Font in Find/Replace dialog and Find panel same as in editor
IDEA-125920 Make the editor text search bar text-size & font an option.

Why is all my html highlighted grey in WebStorm?

I just downloaded the new version of WebStorm -- 2016.3.2. For some reason all my HTML tags are highlighted grey.
Does anybody know how to fix this? I've tried looking around in the settings and I posted on the forums too.
Edit The problem persists even with all the html styling disabled.
Edit 2 Even with highlighting set to none it still happens

Add new Schema in Preferences | Editor | Colors & Fonts | HTML by hitting Save As...
And now you can uncheck Background configuration for removing it or change the color.

angular.js syntax highlighting colors in IDEA / WebStorm editor

How can I change the editor colors of angular.js framework in intellij IDEA or WebStorm IDE ?
Take a look at these colors (IDEA screenshot):
You can see that ng-controller has the same color as data-attribute BUT their values have different colors (highlighting). So it is true that the IDE recognize angular.js directives and distinguish their syntax from regular html attributes. I want to be able to control this syntax colors highlighting. I can't find anything related to angular.js inside Settings->Editor->Font & Colors?
For example, Netbeans do it this way (Netbeans screenshot):

IntelliJ idea - any way to change visual line wrapping icon?

I really like Intellij's line wrapping feature with icons marking line wraps. Hovewer the default wrapping icon's readability is far from ideal.. is there any way I could fix this little problem?

Current solution is to use standard unicode symbols from supplementary arrows set: 2925 and 2926.
You can modify that by specifying other unicode (hex) codes via idea.editor.wrap.soft.before.code and idea.editor.wrap.soft.after.code properties in idea.properties file. Note that it's necessary to define both symbols, e.g. add to the idea.properties something like below:
idea.editor.wrap.soft.before.code=2906
idea.editor.wrap.soft.after.code=2907
Note that not all the fonts contain all the Unicode characters, so you have to choose the proper font in Settings | Editor | Colors & Fonts and specify the symbol code that exists in the font that you are using.

To clarify what CrazyCoder said:
On a Mac, you'll need to go into finder and "show package contents" on the Intellij IDEA.app, then you can add lines to the idea.properties file in the "bin" folder. Here's the arrow codes I went with:
idea.editor.wrap.soft.before.code=219e
idea.editor.wrap.soft.after.code=21a0
Don't forget, you can also change their color in the program's preferences under "editor > colors and fonts > general > soft wrap sign".

SEO issue red characters in source code? > Why? Syntax highlighting? browser source code?

SEO issue red characters
Hi all
I'm building webstes using dreamweaver, but when I look at the source code it is red for " characters. I'm told anything appearing in red puts off Google's seo. Does anyone know why this appears in red?
For example when I view code source on the site i get the gt; in red
Find out more>></span>
</div>
Thanks for your help
Regards
Judi

I'm told anything appearing in red puts off googles seo.
That is garbage.
Does anyone know why this appears in red?
Probably because it is an entity and has been marked by the syntax highlighter so you can spot in amongst literals.

Google SEO aside, it's important to understand that there's a world of difference between using CSS to control the colour of text, and the syntax highlighting done by the DreamWeaver editor.
Colours seen when you are viewing the HTML source of your page in a tool like Dreamweaver have nothing to do with the colours seen when viewing your page in a browser.
All that's happening is that Dreamweaver is syntax colouring HTML escape characters in red, I am pretty sure that you have nothing to worry about.
Edit
You clarified that in fact you're not viewing the HTML source in Dreamweaver.
Are you viewing source from Firefox?
Firefox syntax colours HTML in its "source of" viewer. HTML escape codes are shown in red (Firefox 3.6, Windows). The point still stands however that this is just syntax colouring and has nothing to do with how your page gets rendered by the browser, or anything to go with Google SEO.

This might be a bit off topic and of course no-brainer for you guys, but anyway:
Firefox highlights all open lines as red. If you have for example:
meta content="text...
and there is no /> at the end of the line, then Firefox makes that line appear red when you use "view page source".
Though that's not the reason for red highlight in your case.

I can view source in Firefox 11 (Win) and see bolded and non-bolded red highlighted markup. If I hover over the bolded red markup, I see a pop-up description of the problem Firefox is finding with the HTML source. For example:
Start tag seen without seeing a doctype first. Expected "<!DOCTYPE html>"
Start tag "div" seen in "table"
Stray end tag "table"
Stray end tag "div"
In non-bolded red highlighted syntax I see entities such as:
, &, >
Firefox 11 allows you to configure and use an external application to View Source. It also has several configuration values in about:config ("view_source.syntax.highlight" for example) that control how the feature is delivered.
The bolded red source highlighting in Firefox View Source may or may not cause issues with SEO. It's an indication that the browser is finding an issue with the HTML markup in the page you're viewing.
The issue of how much invalid HTML harms you with respect to SEO is debated. (And as pointed out in a separate answer, also depends on where the invalid markup appears.) This youtube video discusses HTML validation and Google SEO: http://www.youtube.com/watch?v=2XlKn6I9rSc.

I'm told anything appearing in red puts off googles seo
No. Just no. Google's SEO works on a text-basis, it ignores any colouring or formatting within a page.
The colour of the text in the source code is simply based on DreamWeaver's syntax highlighting - if you run and view your page in a browser, it shouldn't be this colour (assuming you aren't actually setting the colour of this to red).

Google will check for color on same color text and background to make sure hidden keywords aren't being used on the page. To google, white on white text is a no-no.
In Dreamweaver, syntax highlight of HTML entities does not translate into a bad 'mark' in the SEO book.
Now on the other hand, if you have key phrases in your link text that includes (>)'s, then your SEO work for the key phrase is shot because the >'s are counted as part of the key phrase.
You can probably turn red highlighting of entities off in Dreamweaver's preferences....