JavaScript - Añadir una cadena de texto donde está el cursor

onclick="document.Wysiwyg.Colaboracion.value+='remplace este texto'"

onclick="document.Wysiwyg.Colaboracion.value+='[b ]remplace este texto[/b ]'+document.Wysiwyg.Colaboracion.focus()"

<input type="text" id="texto" value="ESTE ES UN EJMEPLO" />

<script>

	document.getElementById('texto').addEventListener('click', function(){

		texto = this.value.split('');

		texto.splice(this.selectionStart, 0, 'remplace este texto');

		this.value = texto.join('');

	});

</script>

<img name="Ejemplo" src="Imagenes/wysiwyg/negrilla.gif" style="border-color:#000000;border-width:1px;border-style:solid;cursor:pointer;" alt="Negrilla" title="Negrilla" onclick="document.getElementsByTagName('Ejemplo').addEventListener('click', function(){var texto = this.value.split('');texto.splice(this.selectionStart, 0, '[ b]remplace este texto[/ b]');this.value = texto.join('');});" />

<button type="button" id="negrita">N</button><br />

<textarea id="texto">

Este es un ejemplo

</textarea>

<script>

	document.getElementById('negrita').addEventListener('click', function(){

		textarea = document.getElementById('texto')

		texto = textarea.value.split('');

		texto.splice(textarea.selectionStart, 0, 'remplace este texto');

		textarea.value = texto.join('');

	});

</script>