Code Editor API (with line number) and code highlighter

Question

How to get and open a file In an Editor with Line Number as Below:

So, my text File could open in the editor below and can save my changes on edit.

   ---------------------------------------------------------
 1 |                                                       |
 2 |                                                       |
 3 |                                                       |
 4 |                                                       |
 5 |                                                       |
   ---------------------------------------------------------

Is there any Code Editor(API/Plugin) available online for doing this?

Answer 1

I Used CodeMirror. It's the highlighter used by Google for their API playground.It has given me line number for my code to be editing too.

I've tried it and it works well, and according to their site it works in the following browsers:

• Firefox 1.5 or higher
• Internet Explorer 6 or higher
• Safari 3 or higher
• Opera 9.52 or higher
• Chrome

Cheers !