An example of linting cm6 https://codemirror.net/6/screenreaderdemo/

const {EditorState, EditorView, basicSetup} = CM["@codemirror/basic-setup"];
const {html} = CM["@codemirror/lang-html"];
const {linter} = CM["@codemirror/lint"];

const replace = ["cardamom", "hummingbird", "granfalloon", "galleass", "capybara", "lemur", "topology"];

function lintFoo(view) {
  let words = /\b(foo|bar|baz|quux)\b/g, m, doc = view.state.doc.toString();
  let diagnostics = [];
  while (m = words.exec(doc)) {
    diagnostics.push({
      from: m.index, to: m.index + m[0].length,
      severity: "warning",
      message: `The word "${m[0]}" is deprecated.`,
      actions: [{name: "fix", apply(view, from, to) {
        view.dispatch({changes: {from, to, insert: replace[Math.floor(Math.random() * replace.length)]}});
      }}]
    });
  }
  return diagnostics
}
(window ).view = new EditorView({
  state: EditorState.create({
    doc: `<!doctype html>
<body>
  <p>This is the editable example document.</p>
  <p>The linter highlights words like foo, bar, and baz.</p>
</body>
`,
    extensions: [basicSetup, html(), linter(lintFoo)]
  }),
  parent: document.querySelector("#editor")
});

Uh oh!

Code Linting #2

Description

Expected Behaviour

Actual Behavior

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions