celian-rib / vscode-webvalidation-extension Goto Github PK

View Code? Open in Web Editor NEW

24.0 2.0 3.0 22.58 MB

VSCode extension that let you check if an HTML or CSS file respect the W3C standards.

Home Page: https://marketplace.visualstudio.com/items?itemName=CelianRiboulet.webvalidator

License: MIT License

TypeScript 100.00%

vscode vscode-extension vscode-plugin w3c-validator w3c

vscode-webvalidation-extension's Introduction

Hey there 👋 !

I'm Célian, a french 20 years old CS student driven by passion 👀 !

Check out my portfolio 🚀

Your Ticket to My Galactic Portfolio

🔥 - Stats - 🔥

TypeScript   8 hrs 14 mins   ███████████████████████▓░   94.48 %
Markdown     12 mins         ▓░░░░░░░░░░░░░░░░░░░░░░░░   02.29 %
Other        10 mins         ▒░░░░░░░░░░░░░░░░░░░░░░░░   01.93 %
YAML         4 mins          ▒░░░░░░░░░░░░░░░░░░░░░░░░   00.91 %
Bash         1 min           ░░░░░░░░░░░░░░░░░░░░░░░░░   00.19 %

🖥️ - Tools and languages - 🖥️

🎹 - I code in music! - 🎹

vscode-webvalidation-extension's People

Contributors

Stargazers

Watchers

Forkers

devinekask tyler-lemke websharei

vscode-webvalidation-extension's Issues

[Feature Request] Automatic Validation

Hello! Thank you very much for the extension, it does wonders.

I'd like to know if it'd be possible to add an automatic validation option to the extension settings, validating and popping up errors on the editor as you code, so there's no need of clicking on a button or saving the document to make the errors show up.

I really think it helps with productivity. There're a few more HTML validation/linting extensions that check the code automatically, but I think they're lacking in rules which VSCode W3C Web Validator accounts for.

Appreciate all the work.

[Feature Request] Nu Validator suports SVG but this does not?

The Nu project supports SVG; what are the major hurdles in adding SVG validation to this plugin?

https://github.com/validator/validator

No extension button

I have installed the plugin and it is enabled, however, I cannot find the extension button to run the HTMl validation. I have relaunched VSCode and have a HTML file open, but the extension button is not present. Any ideas how I can fix it? Thanks!

Illegal argument: character must be non-negative

I use a DTD in my HTML to allow the special XML attributes Creative Commons includes in their anchor elements. Specifically, I use
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

When I include this DTD, the extension throws an uncaught error: Illegal argument: character must be non-negative.

Steps to reproduce:

Save the following file in VS Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
                      "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
    <title>Error :(</title>
</head>
<body>
    <p>Hi! There's an error :(</p>
</body>
</html>

Click "W3C validation"

I'm pretty sure the above HTML is W3C-compliant, but the extension throws an illegal argument error, viewable in the "RUNTIME STATUS" tab of the extension.

Start validation Status bar item is recreated when we change file with registered validation items

doctype in lowercase creates validation errors

"DOCTYPE"
validates

"doctype" (<!doctype html>)
errors

[Feat Request] Validate partials

It would be nice if this extension also validated HTML partials (without html, head and body tags).

All this tags could be "implied" if not present in an HTML document.

Which service does the extension use to validate?

Is it official https://validator.w3.org/ or?

No line change detection, should have auto-clear feature

[Feature request] Auto check errors on open,launch file.

Disable Extension for CSS

Hello!
I would like to validate my HTML code only without any CSS, or at least not in the .css files. Could there be an option to disable the extension for CSS files or CSS in general?
Thank you!

Extension startup deprecation warning

(Use `Code Helper (Renderer) --trace-deprecation ...` to show where the warning was created)
/Applications/Visual Studio Code.app/Contents/Resources/app/out/bootstrap-fork.js:5```

more detailed notification

The first validation attempt lasted for 1min showing "W3C validation ..." and ended up with "An error has occured". I guess it's because of some online connection either for downloading the validator or for the validation itself.

The second attempt succeeded, so this is not a major issue.

But it would still be helpful to clarify the notification if it's doing anything online, otherwise it would be confusing why "W3C validadtion ..." takes 1min for an empty html.

Can the extension be made to check php pages too?

The validator at https://validator.w3.org/ allows php pages to be checked for html validation but your VSCode extension says "Not an html or css file". Is there any way your extension could be tweaked to allow validation of the html content of php files?

Thanks!

Pete

Cannot See any warnings

It does not give me the warnings, only the errors. I would like to have an option to see the warnings too,

Error on W3 script "w3-include-html"

Hi, sometimes I use a script from w3 when building a layout.
I was surprised that it is not validating.
Do you have any ideas?

Screenshot

Source script w3-include-html

W3C Extension: "An error has occurred."

Hi,

I've installed the extension by recommendation of my teacher to validate my html files. However, when I try to run it, I receive the message: "An error has occurred." See the below image:

I just clicked on the on the blue check mark on the bottom left and this happened. Any idea how to solve this? My teacher says I have several mistakes in my file but I need to validate to find them.

Stray doctype error.

Currently, the extension (only version 1.3.0) is telling me that truly valid HTML is actually invalid. I keep getting errors that seem to indicate that the HTML from my file is getting wrapped inside the body of another HTML file before being validated, so a bunch of stray tag errors show up. See below to get an idea of what I mean.

HTML code such as this:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Untitled</title>
</head>
<body>
	
</body>
</html>

Will get errors like this:

Even though the official validator will say this:

An error has occurred

The extension fails to validate code and instead displays "An error has occurred". I've tried to disable, uninstall, re-install but nothing seems to work.

Unknown Error occurred

I don't know when happens, But when I opened vs code today And clicked on 'w3c validation' for validation it asked me an error occurred. Also, I don't install any extension or not change any config.
It worked fine last night.

My internet and also all other things work perfectly.
Please check!

W3C Warnings are shown as errors

data.messages[?].type should be used

Clear warnings button not clearing all warnings

First step, code with 7 warnings :

Then all warning are cleared from this notification's button

3 warnings are remaining in file, their diagnostic is still visible :

Specify type of HTML

Hi,
Looks like my doctype for XHTML (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">) is not taken in account. (I do not have warnings I should got). Beside I got error Obsolete doctype. Expected “<!DOCTYPE html>”.error(W3C_validation) On the doctype.

Is there a way to specify which HTML type to verify ?