i want to make an very very basic rich-text editor, which works in all browser types.

i have the code at below.. but it only works on -8 IE browsers.
could someone help me to make this code crossbrowser..

 
<script type="text/javascript">
<!--
    function formatText (tag) {
        var selectedText = document.selection.createRange().text;
        
        if (selectedText != "") {
            var newText = "[" + tag + "]" + selectedText + "[/" + tag + "]";
            document.selection.createRange().text = newText;
        }
    }
//-->
</script>
<form name="my_form">
    <textarea name="my_textarea"></textarea><br />
    <input type="button" value="bold" onclick="formatText ('b');" />
    <input type="button" value="italic" onclick="formatText ('i');" />
    <input type="button" value="underline" onclick="formatText ('u');" />
</form>

Here's one I prepared earlier.

http://www.webmaster-talk.com/javasc...tml#post772383

so, could u adapt your style to my code?

or.. how can i cahnge your code like:adding tags before/after to the selected words on text area?

i did it like this... and its working crossbrowser..
but.. it's adding tags to the before/after to all writtens in textarea... (document.getElementById('textarea'))

It must add the tags before/after to the only sellected words..

<script type="text/javascript">
<!--
function addtag(p_oObj, p_sText) {
p_oObj.value = '[' + p_sText + ']' + p_oObj.value + '[/' + p_sText + ']';
}
//-->
</script>

<button onclick="addtag(document.getElementById('textarea'),'b')">B</button><br/>
<textarea id="textarea" name="message" style="resize: vertical;" rows="12" cols="48"></textarea>

i want to make an very very basic rich-text editor, which works in all browser types.

To work with the current selection you'll need to look into browser selections:

For W3C browsers (Firefox, opera, safari etc) your can use textarea.selectionStart and textarea.selectionEnd properties to determine whats selected.

For IE its a bit trickier - you need to look at the textRange object http://msdn.microsoft.com/en-us/libr...72(VS.85).aspx