Utilizing the Ace Editor (through Brace and React-Ace) is a key aspect of my project.
In our implementation, we specify the editor's mode as "css" and integrate it into our webpage. While this setup functions correctly, we have observed that some of the CSS rule highlighting can be overly strict by default — certain warnings should perhaps be categorized as "info," while some errors could be considered "warnings."
Is there a way to adjust or customize the validation rules for Info, Error, and Warnings in the Ace Editor when operating in CSS mode?
I believe I've identified a relevant line of code in the Ace CSS worker, but I'm uncertain about how to utilize it effectively. Moreover, I am unaware of where to access a comprehensive list detailing the names of the various validation rules even if I were able to make use of this function.
The following snippet represents the basic instantiation process for the react ace component...
import brace from 'brace';
import AceEditor from 'react-ace';
import 'brace/mode/css';
import 'brace/theme/monokai';
...
<AceEditor
theme="monokai"
mode="css"
showGutter={true}
...
/>