Custom advance editor

[desatir7316 (Alx1367)]

I want to create an advance custom editor with my own tags. for example if i enter below text:

all boys like girls

and if I select ‘boys’ and click a special button to convert it to a blank text box it will be something like this:

all <input type="text"/> like girls

and I want to the result of that input in middle of my text.

then if someone fill that text box like this:

all <input type="text" value="boys"/> like girls

the whole value that will be send to server, for example via post, will be this:

all /!boys!/ like girls.

So actually i don’t know what should I do exactly to create it.

Sorry for my English.

Thanks in advance.