How to make my HTML comments look like this? - html

I am trying to make my HTML comment tags look like arrows instead of the usual <!-- and color them without coloring the whole comment like this in vs-code:
Example
I tried looking it up but all i found was how to change the font and color of the comment as a whole which is not what i am looking for, i just want the tags to be arrows and colored

Combining a sequence of characters into something that looks like a single character is called a ligature.
You need to:
Enable them in VS Code (Open the settings and search for the keyword fontLigatures, then set it to true)
Use a font that supports the particular ligatures you want to use (select the font, install it, then specify it with the fontFamily setting).

Related

How can I get Vim HTML syntax highlighting to colour the whole tag?

As a PhpStorm user, one of the disappointing things I come across when I try using Vim is the way it does syntax highlighting in HTML:
Vim colours just the tagname and attributes,leaving the <, / and > in a different colour. What's the point of that? I find this distracting compared to the view I get in PhpStorm:
(Ignore the different colour scheme.) I find it harder to read code with all those < and > characters. How I can modify Vim to do this?
I'm using the monokai colour scheme for Vim.
You don't need to modify the HTML syntax itself - this can all be done by overriding the default links. syntax/html.vim defines syntax groups for the various HTML elements, and (at the end of the script) then links those to certain highlight groups, the appearance of which is determined by your colorscheme. If you establish a different link (in your ~/.vimrc), this will be honored. So, to make the entire tag appear like the tag name, use this:
highlight link htmlTag htmlTagName
highlight link htmlEndTag htmlTagName
Make a local copy of syntax/html.vim in ~/.vim/syntax/html.vim (where the first filename is your system install dir).
Experiment with changing the hilight group of htmlTag and htmlTagEnd (near the bottom of the syntax file) to match the hilight group of htmlTagName. I like the default, so I only experimented on a few files, and it didn't seem to break anything. Being the same colour, there shouldn't be anymore chevrons sticking it to your receptor cones.
Being such a simple minded test, this does likely break something somewhere, and you'll probably have to spend a few minutes with the other hilight groups to get a consistent look.

Use specific glyph name with no Unicode value in HTML?

How can I use for example the glyph name "rcaron.terminal" which has no Unicode value in HTML? or any other such case? Is it even possible? I think it must be surely but I got no clue. It's easy for regular letters like the glyph "ß" where I would just type "&#xDF" and get that character or "&#223" (same result) but for glyphs without any Unicode value I don't know what I'm supposed to do...? I've tried also "&rcaron.terminal" but nothing, where as something like "&hearts" would work giving a heart glyph of god knows what font, probably Arial I dunno.
Do I need to use state some specific encoding aside from ANSI in my html document?
ie. < meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-8" > or something... like Im really lost lol
All I found on the net was this http://text-symbols.com/html/unicode/ but I cant find any more info so I came here.
Please help! Thanks! :)
There are no glyphs in HTML which do not have a Unicode name.
If you really need to have a glyph which is not representable using regular Unicode, you might want to create a font of your own and define the glyphs you need in the private use area; but obviously, then, your HTML will be impossible to use without that particular font.
Background links:
http://arstechnica.com/information-technology/2008/10/embedded-web-fonts/
http://www.font-face.com/
Practical guides:
http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/
http://blogs.atlassian.com/2013/07/how-to-make-an-icon-font-the-8-step-guide/
First navigate to this site: https://fontdrop.info/#/?darkmode=true
Upload the file with your font
Click on the Ligatures tab.
Every Glyph should have a Components field
copy the components for the character you want to use
paste that string into HTML
You don't need any & or #, it just detects the string and converts it.

How to show special character in UTF-8 of Kmer symbol

I have got ឴symbol, that i can't display on web page (utf-8) content type. This symbol without width and can't see at all. How to show it? Code is ឴
for example here http://www.endmemo.com/unicode/khmer.php 6068 and 6069 are not visible, but i need to show it, at least space
Edited:
I'm using Arial or sans-serif. I think, that it is pretty usual fonts. What people do: they making UNIQUE text by inserting this symbol inside usual symbols. For example, user write: "a(invisible symbol of kmer)b(invisible symbol of kmer)" and so on. I see on page only "ab" without any spaces. I tried to put actual character inside html to see it, but with no luck. I thought that symbol, that is not present in font should be question mark or empty square, but not in that case. Solution can't just be simple replace in text.
If your page is UTF-8 then it's better to use the actual character rather than a HTML entity.
Your requested character is not present in many fonts. You can try finding the latest version of Code2000 which appears to support it.
You can see fonts that support this particular character here:
http://www.fileformat.info/info/unicode/char/17b4/fontsupport.htm
If you can't find a font and you want to display an empty space instead you could replace it before showing it in the page or put it in a container. The page you linked uses a table cell to hold the character.

Changing hightlighting color for MatchTag plugin in Vim

Recently I installed this awesome HTML plugin, which matches closing tags, and it works really well. I was just wondering if it's possible to change highlighting color (I'm using Solarized colorscheme). Here's screenshot of how it looks now:
I think it's possible to change the color in solarized.vim file, but there's a lot of highlighting options. I would like to set it to some other color, that's more pleasant for the eye, as tags are barely seen because of low contrast.
The MatchTag plugin is using the related MatchParen highlight group (:help hl-MatchParen). You can relink that to any other group in your ~/.vimrc, for example:
:hi link MatchParen IncSearch
or define your own highlight attributes. Put the command after any :colorscheme command, though.

phpstorm french characters formating issue

I'm using PHPstorm 6.
When i try to format my code which contains french characters, i got a issue like you see on the pictures.
NB : i got this just when i put my text into a tag like :
<span>génie Informatique</span>
So before formatting i was this :
And after formatting i got this
Thanks
What kind of file is that -- HTML?
In any case: you do have light green background between the tags. This suggests that you have another language injected between those tags (Language Injection functionality), which may use completely different formatting rules (not HTML -- e.g. JavaScript or whatever you may have injected there).
Possible solution:
Place cursor somewhere between such tags, Alt+Enter (or click on light bulb icon) and use "Uninject Language" option.
Alternatively: Settings | Language Injections -- find and disable (or even delete) offending entry there (will be "global" or "project" type in last column).