# P5.js web editor doesn't like private fields
**URL:** https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430
**Category:** p5.js
**Created:** [June 9, 2022, 6:59pm UTC](https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430 "2022-06-09T18:59:25Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@fabiopettinati](https://discourse.processing.org/u/fabiopettinati)
#### Post date: [June 9, 2022, 6:59pm UTC](https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430/1 "2022-06-09T18:59:25Z")
The example code at [Private fields](https://editor.p5js.org/fabiopettinati/sketches/ysbK4BJOE) works as expected but the editor complains visually upon encountering a # symbol… the rest of the line is highlighted in red.
Is there a directive I could insert to prevent the lint functionality from visually complaining? Or is this a limitation of the current editor implementation?
Thanks!
Fabio
---
### Author:  [@mnse](https://discourse.processing.org/u/mnse)
#### Post date: [June 9, 2022, 8:46pm UTC](https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430/2 "2022-06-09T20:46:03Z")
Hi @fabiopettinati ,
Maybe you can check here and/or raise an issue…
[p5.js-web-editor/issues](https://github.com/processing/p5.js-web-editor/issues)
Cheers
— mnse
---
### Author:  [@josephh](https://discourse.processing.org/u/josephh)
#### Post date: [June 9, 2022, 8:57pm UTC](https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430/3 "2022-06-09T20:57:54Z")
Hi @fabiopettinati,
Looking at the [`p5-web-editor`](https://github.com/processing/p5.js-web-editor/blob/9265277e01700af0415c329522b6ba6c006629e9/client/modules/IDE/components/Editor.jsx#L371) code, I found that they use [CodeMirror](https://codemirror.net/) which is a code editor written in JavaScript.
For the private fields, looks like the issue has already been solved in 2020 on their GitHub repository:
>
>
> Private fields (https://v8.dev/features/class-fields) use a \`#\` at the start of …the field declaration in a class. CodeMirror currently doesn't highlight these private fields as fields and its syntax highlighting marks the whole line as red. Example
>
> \`\`\`js
> class Project {
> #id;
>
> constructor(name) {
> this.name = name;
> this.#id = Math.random();
> }
>
> get id() {
> return this.#id;
> }
>
> #setId(id) {
> this.#id = id;
> }
>
> aMethod() {}
>
> static fromStore(id, name) {
> const proj = new Project(name);
> proj.#setId(id);
> proj.aMethod();
> return proj;
> }
> }
> \`\`\`
>
> Current syntax highlighting:
>
> \
>
> (Code was pasted on https://codemirror.net/mode/javascript/index.html)
>
> The expected syntax highlighting here is that private fields have the same color as normal fields (e.g. \`name\` in this example).
>
> Downstream issue: https://bugs.chromium.org/p/chromium/issues/detail?id=1073903
The thing is that `p5-web-editor` uses `codemirror ^5.62.0` which may not be up to date with the latest [package](https://www.npmjs.com/package/codemirror).
As @mnse said, you can open an issue on the p5 editor repository. 😉
---
### Author:  [@fabiopettinati](https://discourse.processing.org/u/fabiopettinati)
#### Post date: [June 17, 2022, 3:30pm UTC](https://discourse.processing.org/t/p5-js-web-editor-doesnt-like-private-fields/37430/4 "2022-06-17T15:30:52Z")
Thanks to @mnse and @josephh for replying. I’ve opened an issue in the editor repository.
# Syntax highlighting still not working for private fields (supported in ES2022)#2031