Missing line number about react-simple-code-editor HOT 3 CLOSED

@satya164 Thanks for the solution, but the usage is still not obvious for most users.
Also when I tried it out, I find you may need to change the code:

 line =>`<span class="container_editor_line_number">${line}</span>`

to

 line =>`<span class="container_editor_line_number"><span>${index+1}</span><span>${line}</span></span>`

And even after this, the styling can be tricky, because if the code line wraps, it won't leave the white space for line number and just starting from very left.

Also selection of code will work weirdly as if the code is still in its original place without the addition of line numbers (at least that happens to my code)

I'd be appreciated if you could just add that functionality as props.

from react-simple-code-editor.

You can do it in your code: 809d5f0

from react-simple-code-editor.

this solution highly depends on how you perform syntax highlighting etc. I can't add it in core because we don't control the HTML generated after syntax highlighting.

from react-simple-code-editor.