一个文本编辑的难题

好像做不到诶好像不能确定TEXTAREA里面选定的是什么字符
所以无法作制定字符的替换
我以前做得也只是在结尾加标签，内容是弹出的输入框输入的希望有高手能解决，帮你UP一下

解决方案 »

  1.   

    去club.sohu.com看看论坛中添加图片的代码
      

  2.   

    我也有这个困惑：无法得到其中被选中的文字现在常见的那种编辑器，都是用iframe实现的吧
    而且过于庞大了些，我只是想加几个SUB、SUP、UNDERLINE什么的特殊字体
    大家帮忙看看有什么好的方法来实现，分不够再加
      

  3.   

    我来了：由textarea的onSelect触发
    在IE中用：
          document.selection.createRange().text
    或在Navigator中用:
          document.getSelection();
    可以直接获取页面上任意处的选定文字。综合一下就是： 
    text=(document.all)?document.selection.createRange().text:document.getSelection();至于怎么改写，呵呵，是个难题，
    因为你选中的文字可能在texearea里出现过多次，
    所以你必须设法确定选定的到底是哪一段。
      

  4.   

    <html>
    <head>
    <title>Test</title>
    <script>
    function boldThis(from) { strSelection = document.selection.createRange().text 
    if (strSelection == "") { 
    return false; 
    } 
    else 
    switch (from) {
    case "下标字" :
     document.selection.createRange().text = "<SUB>" + strSelection + "</SUB>" ; break;
    case "加粗"    :
     document.selection.createRange().text = "<B>" + strSelection + "</B>" ; break;
    }
    }
    </script>
    </head>
    <body>
    <form name="form1" method="post" action="">
    <textarea name="textarea" cols="50" rows="20">这里是测试文字，选中文字，然后可以在选中下拉框</textarea><br>
    <Select onchange="boldThis(this.options[this.selectedIndex].value)" onblur="this.options[0].selected=true">
    <Option value="请选择" >请选择</Option>
    <Option value="下标字">下标字</Option>
    <Option value="加粗">加粗</Option>
    </form>
    </body>
    </html>
      

  5.   

    找到了一个能对选定的文字进行编辑的例子但是他的编辑窗口使用的组件，不是 TEXTAREA 所以没有多大用看来这个问题是解决不了了UP一下，等待高手