Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Selected Text

  1. #1
    New to the CF scene
    Join Date
    May 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Selected Text

    Im trying to make a simple txt/html editor...

    I need to apply specific formatting to selected text via a button.
    for example, I select some text, click the 'bold' button which then replace the selected text with <b>selected text</b>

    Is there a way to do this ?
    thanks

  • #2
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    For IE is rather simple:
    PHP Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
    <
    html>
    <
    head>
    <
    title>Untitled Document</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    meta http-equiv="Content-Style-Type" content="text/css">
    <
    meta http-equiv="Content-Script-Type" content="text/javascript">
    <
    script type="text/javascript">
    function 
    getSel(tag,endtag){
    var 
    txt='';
    if(
    document.selection){
    txt document.selection.createRange().text
    document
    .selection.createRange().text=txt.replace(new RegExp(txt),tag+txt+endtag)
    }
    else{return}
    }
    </script>
    </head>
    <body>
    <input name="bold" type="button" value=" B " style="font-weight:bold"onclick="getSel('<strong>','</strong>')"> Bold <input name="italic" type="button" value=" I " style="font-weight:bold;font-style:italic"onclick="getSel('<em>','</em>')"> Italic<br><br>
    <textarea cols="50" rows="10">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</textarea>
    </body>
    </html> 
    For Moz is quite intricate. I'll have to test later some DOM methods to try to find an equivalent (does anyone has something like that?)
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •