[Resolvido] Envolver createTextNode a um texto selecionado

[zetto33 0]

Fala pessoal, estou comecando c/ javascript e gostaria de fazer o mesmo esquema que este fórum implementa, de ao pressionar um botão, como b, ele colocasse o código no início e no fim da área selecionada.

 

Chegando ao fim do final de semana, consegui chegar ao código abaixo, mas ceio que falte a parte mais complicada, que seria justamente manter o texto selecionada com as tags envolvidas (<b>texto</b>).

<script>
	function testeb(){
		var teste 	= document.getElementById('bolda1');
		var novotexto	= document.createTextNode("<b></b>");
		teste.appendChild(novotexto);

	}
</script>
<form name="meuform">
<input type="button" id="bold" value="Bold" onclick="testeb();"/><br />
<textarea id="bolda1"></textarea>
</form>

Alguem poderia me auxiliar com isso?

[zetto33 0]

Bom, encontrei uma solucão, se alguem precisar:

<script type="text/javascript">
function blah() {
   var ta = document.getElementById("test");
   if (document.selection) {
      str = document.selection.createRange().text
      document.selection.createRange().text = "<b>" + str + "</b>";
      return true;
   }
   else if (ta.selectionStart) {
      var startPos = ta.selectionStart;
      var endPos = ta.selectionEnd;
      var str = ta.value.substring(startPos, endPos);
      ta.value = ta.value.substring(0, startPos) + "<b>" + str + "</b>" + ta.value.substring(endPos, ta.value.length);
      return true;
   }
   else {
      return false;
   }
}
</script>
<input type="button" value="Bold" onclick="blah()" />
<br />
<textarea id="test" style="height:150px">
Testando 1234
</textarea>