Some highlighters require class on a wrapping element to render properly

[meeDamian]

This is one of the possible solutions. Any thoughts?

[lifeisfoo]

👍

[lifeisfoo]

I hope this will be merged soon.
E.g. without it isn't possible to add line numbers with prism http://prismjs.com/plugins/line-numbers/

[meeDamian]

@lifeisfoo Until then you can temporarily add this dependency to your package.json instead:

{
  "dependencies": {
    "marked": "chester1000/marked",

    "...": "..."
  }
}

remember to npm install afterwards.

[hemp]

👍 This helped me make sure the styles are correct when using marked and highlightjs.

[aymericbeaumet]

Thanks for the feature 👍 This is exactly what I needed.

Though I think it would be nice to also support an array of string method in order to permit several classes definition.

[meeDamian]

Since simply passing classesArray.join(' ') would work great, I'm not sure if additional check in a library is necessary here.

If more people will be pro-Array, though, I can edit my PR to include it.

[aymericbeaumet]

It could indeed be done as you said, my proposal was just for convenience.

[chikathreesix]

This is what I needed!
But I could actually do this with following code just as a workaround.
I know this is not a nice way, so I hope this pull request will be merged soon!

var marked = require('marked');
var hljs = require('highlight.js');
var renderer = new marked.Renderer();

renderer.code = function(code, language){
  return '<pre><code class="hljs ' + language + '">' + 
    hljs.highlight(language, code).value +
    '</code></pre>';
};

console.log(marked(codeStr, { renderer: renderer }));

[aymericbeaumet]

@chikathreesix I actually ended up with the same solution 👍 Far more flexible

[chikathreesix]

Cool 👍

[nickcmaynard]

+1

[blairmorris]

+1 for sure.

[codeboyim]

I set langPrefix:'hljs ' in marked.setOptions to work around

[meeDamian]

Updated my repo to the latest codebase. Still can't get why it can't be merged.

[xdumaine]

Bump. @chjj?

[stoffeastrom]

Please merge!

[Huxpro]

Please merge!

[akuma]

Please merge!

[tzi]

Please :)

[sovanna]

it could help a lot of people... instead, we use workaround ..

[wells]

@chjj Please merge this.

[ee7klt]

@chjj please merge ;)

[joshbruce]

#983

[joshbruce]

Closing due to merge conflicts and not in line with recent changes to docs.

[lyswhut]

I set langPrefix:'hljs ' in marked.setOptions to work around

When the language is undefined, langPrefix does not work, such as:

```
console.log('hahaha')
```

Will be rendered as:

<pre><code><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'hahaha'</span>)</code></pre>

The code block will be missing the 'hljs' class.
My solution is:

const marked = require('marked')
const hljs = require('highlight.js')
const renderer = new marked.Renderer()
const doRenderCode = (code, lang) => lang ? hljs.highlight(lang, code, true).value : hljs.highlightAuto(code).value
renderer.code = (code, lang) => `<pre><code class="hljs ${lang || ''}">${doRenderCode(code, lang)}</code></pre>`
const markedOptions = {
   Renderer
   // langPrefix: 'hljs ',
   // highlight: (code, lang) => lang ? hljs.highlight(lang, code, true).value : hljs.highlightAuto(code).value
}
console.log(marked(markdownStr, markedOptions))

Input markdown string：

```
console.log('hahaha')
```

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

Will be rendered as:

<pre><code class="hljs "><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'hahaha'</span>)</code></pre>
<pre><code class="hljs js"><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'hahaha'</span>)</code></pre>