在 Monaco Editor 中，获取模型内容改变后的最新错误标记（0.44.0）

老衲的少女心i

已于 2024-04-12 15:48:11 修改

阅读量1k

点赞数 7

分类专栏：前端 Monaco Editor 文章标签：前端 monaco

于 2024-04-12 14:44:54 首次发布

本文链接：https://blog.youkuaiyun.com/qq_42592823/article/details/137673510

版权

前端同时被 2 个专栏收录

87 篇文章

订阅专栏

Monaco Editor

2 篇文章

订阅专栏

文章讲述了在使用MonacoEditor时遇到的问题，即当编辑内容更改后，组件未能获取并更新JSON格式的错误标记，导致校验失败。作者通过监听数据变化并在必要时重新获取标记来解决此问题，强调了对uri的理解和正确运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

提示：这里可以添加本文要记录的大概内容：
monaco-editor对比组件中，在改变了编辑内容之后，点击下一步操作。我这边会有一个格式校验的问题，json格式的校验，我利用的是monaco原生的错误标记，但是在我更新内容之后，重新获取错误标记，并没有更新，还是之前的，导致我的错误校验失败，异常崩溃，但凡之前有一次报错，我改了报错它也还是一直出现，定位到原因是因为monaco组件的monaco.editor.getModelMarkers()事件没有拿到最新的错误标记信息。

提示：以下是本篇文章正文内容，下面案例可供参考

一、没有更新，那我就在数据改变的时候，重新获取标记

监听数据改变

modifiedModel.onDidChangeContent((data) => {
    let markers = [];
    if (id === "xml") {
      markers = checkXMLSyntax(modifiedModel.getValue());
    } else if (id === "yaml") {
      markers = checkYAMLSyntax(modifiedModel.getValue());
    } else if (id === "lua") {
      markers = checkLuaSyntax(modifiedModel.getValue());
    } else {
      setTimeout(() => {
        console.log(modifiedModel)
        markers = monaco.editor.getModelMarkers(modifiedModel.uri)
        monaco.editor.setModelMarkers(modifiedModel, id, markers);
      }, 500)
    }
    monaco.editor.setModelMarkers(modifiedModel, id, markers);
  });