Highlight.js: js partial syntax highlighting

[GurovDmitriy]

Describe the issue

js partial syntax highlighting

js

js partial syntax highlighting

Are you using highlight or highlightAuto?

no

Sample Code to Reproduce

no error:

  /* svg minify */

  gulp.task('svgMin', function() {
    return gulp.src('source/image/*.svg')
      .pipe(image({svgo: ['--enable', 'cleanupIDs', '--disable', 'convertColors']}))
      .pipe(gulp.dest('source/image'));
  });

error:

  /* svg sprite end inject */

  gulp.task('svgSprite', function() {
    const svgs = gulp.src('source/image/*.svg', {base: 'source/image'})
      .pipe(rename({prefix: 'icon-'}))
      .pipe(svgstore({inlineSvg: true}));

    function fileContents(filePath, file) {
      return file.contents.toString();
    }

    return gulp.src('source/**/*.html')
      .pipe(inject(svgs, {transform: fileContents}))
      .pipe(gulp.dest('source'));
  });

https://drive.google.com/file/d/17vO81oRGZxXrVwKp_Sc0-b4opXsyfUWb/view?usp=sharing

Expected behavior

Problem with any styles

Additional context
problem star with:

    const svgs = gulp.src('source/image/*.svg', {base: 'source/image'})
      .pipe(rename({prefix: 'icon-'}))
      .pipe(svgstore({inlineSvg: true}));

[joshgoebel]

Can you confirm this on the latest master? I'm seeing no issues.

[joshgoebel]

10.2.0 had a bug that would result in this behavior... so if you're seeing this on StackOverflow or a site using an older version of the library, that's likely what is going on here. Upgrading to the latest version should resolve.

[GurovDmitriy]

I'm uploading a file from offic site.

I have little experience. I don’t understand how to compile from sources for github.

https://www.typenote.io/guides/gulp-task-configuration.html

section svg min vs section svg inject

if it doesn't bother you to look at the site using the link and tell me what to do and fix it would be great

[joshgoebel]

@GurovDmitriy Your code is being detected as Bash. Auto-detect is not 100% accurate. For 100% accuracy you need to manually tell us what type of code you are highlighting. You need to manually specify the language in of your code blocks:

<pre class="lang-javascript"><code>...
</code></pre>

[GurovDmitriy]

when i insert

<pre class = "lang-javascript"> <code> ...
</code> </pre>

or

<pre> <code class = "lang-javascript"> ...
</ code > </pre>

• no highlighting. now removed the tips, the bash was highlighted. 1 minute updating the site..
  
  

[GurovDmitriy]

In the first picture, the pipe of different blocks is highlighted, but the other does not

[joshgoebel]

Your Highlight.js build does not include Javscript language support: https://www.typenote.io/js/highlight.js Use the default build or create a new build that includes JS support. JS can't be highlighted if you don't build support for it into your library.

[GurovDmitriy]

I didn’t find it listed for individually assembling. I thought it was turned on by default. is she on the list ...?

I apologize in advance for the possibly stupid treatment. thanks for your time

[joshgoebel]

I didn’t find it listed for individually assembling. I thought it was turned on by default. is she on the list ...?

Well now - it's missing, that's incredibly annoying. :-) Fixing.

[GurovDmitriy]

P.S. If you need a layout, tell me, I'm a beginner web developer. I work for thanks)))

[joshgoebel]

@GurovDmitriy It's back in the list now if you build a new version you should get it.

[GurovDmitriy]

thank you so much

[GurovDmitriy]

I set everything up. updated. Working!