The simple truth of the matter is that:
const turorialFunction = (name) => {
console.log(`Hello ${name}`)
}
Enter fullscreen mode
...
For further actions, you may consider blocking this person and/or reporting abuse
Does anyone know if dev.to supports highlighting lines of code or combining the
diff
highlighter with a language highlighter?My use case is to draw attention to new or update lines of code when I write tutorials.
Something like this:
I know we can use
diff
but I can't find a way to combine that with code highlighting:I am also trying to figure out how to do this - did you ever find an answer?
I didn't âšī¸
I did a quick search in the code: dev.to uses the Redcarpet Ruby library to parse Markdown with rouge which does the highlighting part.
The list of lexers is impressive:
Dart:
Julia:
No Cobol though :D
You can find the code in devto here and here and here
Can you tell me the name of the theme for JS. I hope this available in vscode.
Also shoutout for the "how I got this to display" part because I sure WAS wondering how you got the literal
```javascript
to displayyeah, that's great, I would have used screenshots :D
Glad that part is helping đ
Ahh interesting aspect. I will make sure to mention that above. Haven't looked into the fundamentals of dev.to but I guess they are using a code highlighter somewhere and are only including a limited amount of plugins, as in language support, to keep bundle size down.
Maybe a good candidate for improvement đ
shell and console don't seem to add much flavor. I was hoping at least for some #comment coloring...
Thanks mate! Exactly what I was looking for!
You can try change the language
I say this in case someone thinks that javascript is the only language that works.
Hi @hendrik ,
Is there a way that I can change the background colour of the code block from black to white? Like theming or something?
I don't think there is. The code highlight is basically a markdown feature and how it looks is defined by dev.to globally. But providing a theme to use for code blocks could be a cool feature for the Frontmatter, I agree.
Not working for me. Do i need a space between
Is there a way to pick a different set of colours?
Just wondering. It looks quite ugly some times.
Any clue how to add a [copy code] to the code block? I recognize this isn't standard markup, but hoping they added it somewhere and/or will add it. wink wink
Haven't heard anything about a feature like this. But sounds useful đ
I remember someone made their hyperlink or a tag on the blog to be pink ish with yellow background. I've been trying to figure it out. Does anyone has idea how to do it?
Thanks for this!
You are welcome :)
post was clutch. do you know which Markdown lib
dev.to
is using?Thank you very much, the
<pre>
part was a just want I needed.I've found that "pre" doesn't color the code and it should instead be "code" now.
Thanks for sharing..
Thanks
Thanks for the tip! :)
Thanks for the tip. Really appreciate
Thanks for this post, was helpful
Thank you, mister! đ¤
Is it possible for single line code?
Cause I've tried this
Code here
{.language}.It doesn't work on devto markdown editor.
Thanks! I'll definitely be using this.
Nice article! I'll use it!
Thanks for this! Very useful.
It works for .md files also.
Thanks for this, Hendrik. Exactly what I need.
What is the name of the color scheme. It looks pretty. I want to replace the cobalt2 with this in vscode.
Thank you for the article! This is very useful!