The current version 2.1.5 is still using hightlight.js 9 which seems to be deprecated.

Hi,

I've got a 2 code blocks:

~~~
define foobar() {
    print "Welcome to flavor country!";
}
~~~

~~~python
import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print(i)
~~~

However, they are being rendered as:

Notice the unnecessary hljs string at the beginning of the first code block, looks like a bug?

Here's the HTML:

Should the library just ignore code blocks that don't have a class defined?

Is there a way to install with script tag?

I am using it in vuejs

My Snippet

// imports
import showdown from "showdown";
import sh from "showdown-highlight";
import "highlight.js/styles/agate.css";

// creating the converter
let c = new showdown.Converter({ extensions: [sh] });
document.querySelector('#preview') = c.makeHtml(this.content);

My Output

Expected

Should load style like this

Hi,

the language name in the markdown is not used at all:

```js
code goes here
```

and I see in the output:

<pre><code class="something-else ...">...

Regards.

I need to customize the pre tag based on which language is within it. So could you add an option where we can select rather or not we want this additional class?

```js
console.log('hello')
```

<pre class="language-js">...<pre>

Thanks! 💜

Hey there,
I would appreciate if there were a way so that we also have a copy code button aside to the code we have , I tried to explore other libararies as well for the same . I.e this
https://www.npmjs.com/package/showdown-copy-code?activeTab=readme
But this doesn't seem to work .

A parameter initializer is only allowed in a function or constructor implementation

d.ts files can't have any value

https://github.com/Bloggify/showdown-highlight/blob/master/lib/index.d.ts#L4

Hi guys!

this is breaking our compilation.

Could it be this?

declare function showdownHighlight({ pre: Boolean, }): ShowdownExtension[];

highlight.js 11 came out in May this year https://highlightjs.org/#news-142

I don't know what exactly changes from a user perspective, but it would be cool to upgrade :)

Code blocks with the following format:

console.log('hi');

are highlighted correctly, because the hljs classes are added as expected. However inline code such as:

This is a line of text which contains inline code of console.log('hi'); within it.

doesn't seem to have the hljs classes added, so no highlighting occurs.

Am I doing something wrong, or does showdown-highlight / highlightjs not support inline code?

Thanks.

Contribution guidelines request an issue; PR to arrive shortly.

First of all thanks for building a great highlight.js integration.

I am wondering is there anyway to make the styles inline?

What I want is instead of <element class="js language-js"> to have this <element style="....">

Before the discussion, I'd like to thank for this great library! The proposal is very simple. Can we add an option to disable the language auto detection?

The usage for this is to express some errors or terminal related things with code fences. For example, if I render a block of code with language unspecified, then it looks like:

One can be modified like this. This won't break current behavior. If language is not specified with no auto detection, there is no reason to pass this extension. That's the reason I edited the left regexp. Since I misunderstood something, I deleted previous posted code.

I'd like to listen your feedback before I do that.

(+ I'm work in progress for this)