如何禁用 ACE 编辑器中的语法检查器？

Question

Hello I'm using the ACE editor and I would like to disable the syntax checker, I've found that removing the worker-javascript.js file seems to do the trick but I hope there's a cleaner way as I'm not sure what else I'm disabling or even breaking by removing that file.

Thanks.

Answer 1

I also didn't find this in documentation, so I've looked at ACE source code. You can disable worker with the following lines of code:

var editor = ace.edit(document.getElementById('test'));
editor.getSession().setUseWorker(false);

Answer 2

There's a more efficient way of achieving this. Instead of spawning a worker for stopping it immediately after, is better to directly tell the editor to not spawn a worker, like this:

ace.edit(document.getElementById('test'), {
    useWorker: false
});

Answer 3

If you are using React with the react-ace wrapper you must use the setOptions prop to disable the ACE syntax checker:

  <AceEditor
    mode="css"
    theme="github"
    onChange={onChange}
    name="UNIQUE_ID_OF_DIV"
    editorProps={{ $blockScrolling: true }}
    setOptions={{
      useWorker: false // <<----- USE THIS OPTION TO DISABLE THE SYNTAX CHECKER
    }}
  />,