How to console the row and column in time when cursor locate in the editor? Is there an official explanation?

[liaodalin19903]

I have a monaco-editor demo as below:

https://github.com/liaodalin19903/Test-demos/tree/use-001-howtogetcurrentcursor/react-test-demos/react-demo-01-monaco-editor

1、The function I want to implement is to click the mouse in the editor, and then print the row and column in time(such as in the snapshot: print out: 9, 6 ). How to do that? Is there an official explanation?

2、
Is it possible to get inside a method/property, class, or expression that the mouse cursor is in?
such as there can get the expression add(1, 11)

[rcjsuen]

The function I want to implement is to click the mouse in the editor, and then console the row and column in time.

What do you mean by "console the row and column in time"? 🤔

[liaodalin19903]

i mean print the line number and the index number at the line.

…

---- Replied Message ---- | From | Remy ***@***.***> | | Date | 07/30/2024 02:30 | | To | ***@***.***> | | Cc | ***@***.***>***@***.***> | | Subject | Re: [microsoft/monaco-editor] How to console the row and column in time when cursor locate in the editor? Is there an official explanation? (Discussion #4621) | The function I want to implement is to click the mouse in the editor, and then console the row and column in time. What do you mean by "console the row and column in time"? 🤔 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[rcjsuen]

@liaodalin19903 Perhaps this snippet of code may be of help to you then.

const value = `function hello() {
	alert('Hello world!');
}`;

const editor = monaco.editor.create(
	document.getElementById("container"), {
	value,
	language: "javascript",
	automaticLayout: true,
});

editor.onDidChangeCursorPosition((e) => {
	document.getElementById("console").textContent = JSON.stringify(e.position);
});

<div id="container" style="height: 100%">
    <div id="console">Console</div>
</div>