How to make SVG text component in the likeness of the HTML textarea tag, like a simple text editor?

Need to find/create a web component based on SVG tags, which one would have the basic functionality to edit the text:

1. using the SVG tag textand not tag textarea
   
2. processing insert, overwrite characters under the cursor left; select text to replace others recruited - all similar to the textarea.
   
3. the window size should adapt to the size of the parent, activate scrolling text in the window
   
4. the component must be able to work with a large number of characters, say, to 100,000 (preferably)
   

As far as I know, SVG tags are the model that will eventually be displayed by the renderer.
For example, I will use the MVC framework/library for the dynamic display.

Not found ready-made components, can be bad looking. What would you recommend? The principles of operation of the component?