本帖最后由 cyh837 于 2010-01-03 10:51:54 编辑

解决方案 »

  1.   

    textarea里面可以嵌font吗?貌似不行呢:<textarea><font color="#ff0000">aaaaa</font></textarea>
      

  2.   

    看图片中貌似一串字符被分成好几块,背景色是隔开的,这个用TextArea不可能做出来吧
    还要求有光标,有光标的只有<input type="text">和<textArea>,这两个应该都不能实现这个效果吧
      

  3.   

    投机取巧了一把,哈哈,有点粗陋,仅仅说了个大概意思,没继续写
    <html>
    <body>
    <div onclick="this.onfocus();" onfocus="document.getElementsByName('joke')[document.getElementsByName('joke').length-1].focus()">
    <div style="color:#ff0000;background-color:silver;display:inline;">aaa</div>
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace">
    <div style="color:#00ff00;background-color:silver;display:inline;">bbb</div>
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace">
    <div style="color:#0000ff;background-color:silver;display:inline;">ccc</div>
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace">
    </div></body>
    <script language="javascript">
    function ini(){
    for(var i=0;i<document.getElementsByName('joke').length;i++){
    document.getElementsByName('joke')[i].onkeydown=function(){
    //这里检查按下退格、方向键等,做出相应处理
    //如果是退格,就移除上一个<div>
    //大致就这个意思
    };
    }
    }
    </script>
    </html>
      

  4.   

    晕,忘了加格式了
    <html> 
    <body> 
    <div onclick="this.onfocus();" onfocus="document.getElementsByName('joke') [document.getElementsByName('joke').length-1].focus()"> 
    <div style="color:#ff0000;background-color:silver;display:inline;">aaa </div> 
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace"> 
    <div style="color:#00ff00;background-color:silver;display:inline;">bbb </div> 
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace"> 
    <div style="color:#0000ff;background-color:silver;display:inline;">ccc </div> 
    <input name="joke" type="text" style="width:1px;border-width:0px;text-autospace"> 
    </div> </body> 
    <script language="javascript"> 
    function ini(){ 
    for(var i=0;i <document.getElementsByName('joke').length;i++){ 
    document.getElementsByName('joke')[i].onkeydown=function(){ 
    //这里检查按下退格、方向键等,做出相应处理 
    //如果是退格,就移除上一个 <div> 
    //大致就这个意思 
    }; 


    </script> 
    </html>
      

  5.   

    1、如何判断这个textarea中已经选择了几个选项(也就是判断有几个font)
    re:
    获取textarea的内容,用正则或用split分隔font出来的数组就知道几个选项!
      

  6.   

    2、当这个textarea获取焦点的时候,光标永远在最后面,用键盘编辑的时候不会影响font的内容 
    re:
    也就是用js控制光标在textarea的位置吧!要想跨浏览器有点难度!如果是ie的话!网上有很多