pygmentize VS Highlight.js

on-line : https://pygments.org/demo/ command line: https://github.com/dedalozzo/pygmentize

> it was designed to resemble C#

I actually first heard of Vala just a few days ago when I was looking at a C#-related PR[1] for highlight.js:

> This fails the tests as the Vala default.txt is recognized now as C#. However, Vala is very close in syntax to C#, and the default.txt also seems to be valid C# so not sure what to do about this.

[1] https://github.com/highlightjs/highlight.js/pull/3906

Luckily, implementing syntax highlighting in our simple code editor is easy with the use of external libraries. There are several JavaScript libraries available, such as Prism and Highlight.js. For our editor, we'll use Prism since it's easy to use and supports a wide range of programming languages.

The templates grabs Markdown file data with XMLHttpRequest and converts it to HTML with https://showdownjs.com/ . Classless styles are done with https://picocss.com/ and code block syntax highlighting is done with https://highlightjs.org/ .

GitHub repo: https://github.com/dandalpiaz/markdown-pages

My search for a third-party syntax highlighter brought me to highlight.js. ctil converts text (.txt) and Markdown (.md) to generated HTML (.html) files, so I want the generated HTML files to support syntax highlighting. highlight.js can be used as HTML Tags by using a Content Delivery Network, CDN, so I was able to add highlight.js by adding the following lines to the generated HTML files:

The real magic is what happens once you generate the syntax trees; at that point, you can modify them with the existing plugins (or make you own, if you really want to). For instance, I use a plugin to add specific css classes to certain elements so they integrate better with the visual design of the website another to add code highlighting with highlight.js and some others for generating a js object from the frontmatter of a Markdown file and to add support for Github flavored Markdown. I could do a lot more with these, like add support for videos, embeds and more, but for now this is enough for a simple preview.

I use Asciidoctor, highlightjs, a custom highlight.js language definition and that bash script:

If you just want to get up and running, try the example from this repo:

Coloring text by using code blocks is unintended, it’s made for code, not text. And even then, they only have a handful of colors there and they use the same theme with all languages. I believe they use highlight.js with the GitHub themes.

My ask is this: Is there a way to highlight a text element similar to the code example shown on this website https://highlightjs.org/ or above? All I want is the color of a certain character to change according to what something like highlightjs tells it to be. If anyone has ANY information relevant to this, it would honestly be so helpful.