Codice javascript per inserire del testo dove c'è il cursore

Buonasera,
è la prima volta che scrivo sul forum, e sinceramente anche la prima che vi ci navigo, quindi non uccidetemi se ho sbagliato qualcosa!

Allora, io vorrei semplicemente inserire del testo in una textarea dopo il click su un'immagine. Per farmi capire meglio, vorrei creare lo stesso funzionamento che c'è su questo forum per scrivere ad esempio in grassetto. Ovvero, al click dell'immagine del grassetto, nella textarea spunta automaticamente il codice che poi verrà trasformato in codice HTML e diventerà <b>testo</b>.
So fare questo, tramite ad esempio un codice come questo:

document.nome_forum.nome_textarea.value+="<b></b>";

ma se volessi che, come in questo forum, il testo spunti NON alla fine ma una parte prima e una porta dopo il cursore?? Come fare? Grazie in anticipo!

perchè non usi tool già pronti tipo ckeditor o tinymce?

Cosa sarebbero? non li ho mai usati nè li conosco, ma cosa sono e ache servono? e, soprattutto, come si usano? xD

Sono degli script che fanno propiro quello che chiedi.
Trasformano una textarea in un campo "per scrivere" come in questo forum.

Ma non facevi prima a guardare i link che ti ho dato per vedere cosa sono?

Si, l'ho visto, ma il problema è che non ho capito come si usano... appena li scarico ho in un file zip un sacco di file, e come li uso? devo metterli tutti nel sito? come funziona? ._.

Dentro ci sono pure gli esempi e la documentazione!