How to highlight syntax? [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to lean how to highlight syntax of various programming and markup languages. I admit that I have no prior knowledge of this so this might as well be off-topic.
Say, for example, I want to highlight HTML tags. What I think can be done is to use RegEx to find tags.
You can find tags using RegEx and then get their start and end position. Then, you can change the color of that particular text.
However, the above approach will not work if the tags had attributes with them. <img src="...">
So, can someone please guide me as how how this can be achieved.
A third-party API is fine but I would like to learn how this can be done :)

You simply want to highlight HTML code? You can use the SyntaxHighlighter JavaScript library for this.
If you want to learn how, see CSS SyntaxHighlighter 2.0: short tutorial on how to create your own syntax highlighter.
Also, try a simple search for “how to build a syntax highlighter”.

Related

What is the name of this character used to indicate social sharing? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 2 years ago.
Improve this question
Is there an HTML code for this character? If there is, can you all let me know what it is? If there is no HTML code for this character, can you let me know what this glyph is called? I had been looking all over the place for it, and today I happened to stumble upon it.
Most icon libraries use a variant of "share" as the terminology for this icon.
Here are a couple of examples :
Material Design Icons calls it share.
AntDesign calls it share-alt
That is the share icon. I think FontAwesome has it, or if you want exactly like that you can search for it on FlatIcon.
Link for FlatIcon
Something that I usually do is getting all the icons that I will use on the project and make it into a font. I use this service to help me with that: https://icomoon.io/app/
I think it's called a SHARE ICON

How to make a Round Toolbar for a Website [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'v searched the whole time for about 3 days to make a round toolbar then i'v tried to do it myselt but i could'nt. Then my friend said to me about Stackoverflow that they are amazing at answering html Questions. And this what i want to do: Round Toolbar
If you searched for "round toolbar" that were propably not the best keywords for what you want, something like "css circular menu" is much more suitable.
One of the first results when using Google provides you with anything you dreamed of, giving the solution ready to copy&paste as well as explaining step by step how to get there:
https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/
There is even an online generator: https://sarasoueidan.com/tools/circulus/
and a guide on how to include the generated svg file so that it can actually be used as a menu.
Good luck!

Solving CSS compatibility [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 9 years ago.
Improve this question
I decided to use nvd3 library and downloaded the both required js libraries files and the CSS needed.
I placed the <svg/> somewhere at my html document. But all I'm getting is an ugly representation of chart:
I'm using some CSS templates I found around. And these are the ones messing the correct rendering.
I generated a new simpler html document with any css but the one form library. And all goes on ok:
I tried placing the svg tag inside another div but got not results.
How could I fix this?
Clearly the CSS template(s) you are using are not appropriate for the type of chart you are trying to render. It is setting the fill property on what is a line-only chart.
I am not familiar with nvd3 so this is only a generic answer I am afraid. You probably need to select a fifferent template that is applicable to line graphs. The one you are using was probably intended for other types of graphs such as bar or pie charts.

CSS framework for creating complex math expressions [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I want to be able to show complex math expressions like this...
...without having to use images or javascript.
It seems like that there are HTML characters for most of the actual glyphs, so the challenge is to scale and stack them into the correct configuration. This seems doable, but not practical for a large number of expressions. My instinct is to put together a series of classes that combine to result in a "math CSS framework".
Before I open this pandora's box, I wonder if this is a problem that has already been solved. Google doesn't seem to think so, but maybe you know otherwise.
NOTE: I love snazzy HTML5 and jazzy CSS3 tricks as mucha as the next guy, but I need IE8+ :-(
Have a look at MathJax.
http://www.cs.tut.fi/~jkorpela/math/
Also this might help
http://www.myphysicslab.com/web_math.html.

Notepad++ does not highlight css inside HTML file [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 9 years ago.
Improve this question
In Notepad++, there is no syntax highlighting for CSS inside a HTML file. Is it possible to enable it?
This question has been answered in superuser Different Language Syntax Highlighting. To sum it up, np++ does not support this feature with HTML and CSS, but it does with HTML and JS. There are a few links in the responses to the question which should be helpful in finding a tool that does support multiple languages.
My suggestion is to go to np++ and request the feature. If enough of us do it then maybe they will pay attention.
I always just create a second np++ file and mark the language as CSS, then once I'm done copy it over to the HTML file. :)
May not answer your exact question, but that's the way I work around it.
Try another editor similar to Notepad++, SynWrite, it has such a CSS feature.