Support for JS inside HTML inside Markdown. about eslint-plugin-markdown HOT 6 CLOSED

To make this work, it would have to parse the HTML tag and extract all inline script tags, and analyse the content of those script tags.

from eslint-plugin-markdown.

Hi @edi9999, thanks for the issue!

To make this work, it would have to parse the HTML tag and extract all inline script tags, and analyse the content of those script tags.

eslint-plugin-markdown only extracts markdown code blocks. To additionally extract JS from HTML code blocks, you can use eslint-plugin-html.

Here's an example of config file that uses both plugins:

// .eslintrc.js
module.exports = {
    plugins: ["markdown", "html"],
    overrides: [
        {
            // use markdown processor on .md files
            files: ["**/*.md"],
            processor: "markdown/markdown"
        },
        {
            // add extracted html code blocks as lint targets, eslint-plugin-html will automatically pick them
            files: ["**/*.md/*.html"],
        }
    ],

    // your configuration
    rules: {
        "no-undef": 2
        // ...
    }
};

from eslint-plugin-markdown.

Does this work out of the box ?

from eslint-plugin-markdown.

I mean you have written in your code files: ["**/*.md/*.html"],, does that mean I have to manually extract my HTML samples to make your suggestion work ?

from eslint-plugin-markdown.

I mean you have written in your code files: ["**/*.md/*.html"],, does that mean I have to manually extract my HTML samples to make your suggestion work ?

This should "just work". ESLint treats extracted code blocks as virtual files (e.g., foo.md/0.html, foo.md/1.html...) and lints them as if they were real files. I've just tried the above config with your example and got:

  25:13  error  'PizZipUtils' is not defined  no-undef
  27:9   error  'window' is not defined       no-undef
  34:35  error  'PizZip' is not defined       no-undef
  35:35  error  'window' is not defined       no-undef
  57:21  error  'saveAs' is not defined       no-undef

from eslint-plugin-markdown.

It worked very well for me !

Thanks a lot !

from eslint-plugin-markdown.