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?
July 9th 19 at 10:58
1 answer
July 9th 19 at 11:00
MCE Editor to shove in svg?
What means "shove"? You can read more?
Also, I think it is probably overkill. I need a functionality not greater than in the comment box and on the Toaster. - alfonso56 commented on July 9th 19 at 11:03

Find more questions by tags HTMLJavaScriptSVGWeb Development