Как да направя textarea с bb code

[nikito_932]

Няква идея как да направя една textarea да има нещо като bb code за нея...

 

[heminei]

Това са бутоните:

<center>
<input name="Удебелен" type="button" id="Удебелен" onclick="javascript: bbcode('[b]', '[/b]', 'text');" value="Удебелен">
<input name="Наклонен" type="button" id="Наклонен" onclick="javascript: bbcode('[i]', '[/i]', 'text');" value="Наклонен">
<input name="Подчартан" type="button" id="Подчертан" onclick="javascript: bbcode('[u]', '[/u]', 'text');" value="Подчертан">
<input name="Код" type="button" id="Код" onclick="javascript: bbcode('[code]', '

', 'text');" value="Код">
<input name="Цитат" type="button" id="Цитат" onClick="javascript: bbcode('

', '

', 'text');" value="Цитат">
<input name="Снимка" type="button" id="Снимка" onclick="javascript: bbcode('

', 'text');" value="Снимка">
<input name="Линк" type="button" id='Линк' onClick="javascript: bbcode('', '', 'text');" value="Линк"><br>
<input name="blink" type="button" id='blink' onClick="javascript: bbcode('[blink]', '[/blink]', 'text');" value="blink">
<input name="Задраскан" type="button" id='Задраскан' onClick="javascript: bbcode('', '', 'text');" value="Задраскан">
<input name="Центриран" type="button" id='Центриран' onClick="javascript: bbcode('

', '​

', 'text');" value="Центриран"><br>

</center>[/code]


Javascript кода:

<script language="javascript" type="text/javascript">
function bbcode(open_tag, close_tag, id) {
   var obj = document.getElementById(id);
   var spacer;
   if(obj.value.length > 0) {
      spacer = " ";
   } else {
      spacer = "";
   }
   var begining_text = obj.value.substr(0, obj.selectionStart);
   var selected_text = obj.value.substr(obj.selectionStart, obj.selectionEnd);
   var end_text = obj.value.substr(obj.selectionEnd, obj.value.length);

   var caret_position = obj.selectionStart;
   var text_to_caret = obj.value.substr(0, caret_position);
   var text_after_caret = obj.value.substr(caret_position, obj.value.length);

   // If there is a selection
   if(obj.selectionStart != obj.selectionEnd) {
      obj.value = begining_text + open_tag + selected_text + close_tag + end_text
   } else {
   // If there is not a selection
      obj.value = text_to_caret + open_tag + close_tag + text_after_caret
   }
   //obj.value = obj.value + spacer + text;

}
</script>

Ето и полето:

echo"<textarea name='text' cols='60' rows='25' id='text' ></textarea>