"Wrap" tags around selected text?!?!?

[Iiro]

Hi, I'm building new guestbook for my site. Is there any way to "wrap" text around selected text? For example:

1. I have small textarea.

1. Visitor writes words "Hello World" in textarea and selects it.

1. Now visitor pushes button and value of textarea is now "<b>Hello World</b>".

Is there any way to do that?

[jscheuer1]

Have a look at:

Dynamic Drive- Rich Text Editor (for textareas)

[Twey]

There are easier ways... modify this.

[Iiro]

thanks!

[Iiro]

but how can I add text to other side the selection?

[Twey]

I did say to modify it.

function wrapWith(fieldId, opening, closing) {
  var el = document.getElementById(fieldId);
  if(document.selection) {
    // I'm not sure how this would be done with IE, after looking at MSDN.
    // Maybe someone else knows.
  } else if(el.selectionStart || el.selectionStart == 0) {
    var begin = el.value.substring(0, el.selectionStart),
      end = el.value.substring(el.selectionStart + 1, el.selectionEnd),
      middle = el.value.substring(el.selectionEnd + 1),
      scroll = el.scrollTop;
    el.value = begin + opening + middle + closing + end;
    el.focus();
    el.selectionStart = begin.length;
    el.selectionEnd = (begin + opening + middle + closing).length;
    el.scrollTop = scroll;
  } else {
    el.value += opening + closing;
    el.focus();
  }
}

May need tweaking. Definitely needs IE support. MSDN is annoyingly cryptic, and Microsoft seem to have set out to build one of the most useless APIs they possibly could for this purpose...