Add data to line element

[raphaelbastide]

What would be the best way to add data to a line element?

Here is what I want to achieve: add a data-id that is filled depending on the line content, and a data-line that just reflect the line number.

<div style="top:338px;height:26px;" class="view-line" data-id="11" data-line="3">
  <span>
    <span class="mtk1">&nbsp;&nbsp;</span><span class="mtk3">-&nbsp;id:&nbsp;11</span>
  </span>
</div>

So far, my code only adds a class.

  editor.getModel().onDidChangeContent(function (event) {
    const model = editor.getModel();
    const lines = model.getLinesContent();
  
    lines.forEach((lineContent,lineNumber) => {
      const range = new monaco.Range(lineNumber + 1, 1, lineNumber + 1, 1);
      editor.createDecorationsCollection([{
          range: range,
          options: {
            isWholeLine: true,
            className: "line-test",
          }
        },
      ]);  
    });
  });

[hediet]

I doubt this is possible without forking the monaco-editor (vscode).

[raphaelbastide]

Ok, I’ll try to investigate in that direction. Thank you!

[raphaelbastide]

For the record I ended up hacking classNames to store my data. Imperfect but works.