web表单中插入特殊字符

相关的解决方案

解决方案 »

  1.   

    替FreeSarge问的问题，希望大家给个答案！
      

  2.   

    lz题意不清，是不是类似于fckedit插入表情的效果？
      

  3.   

    web编辑器,兼容ff和iehttp://country.lvyou168.cn/flashwariii/editor/htmleditor.htm
    下载地址
    http://country.lvyou168.cn/flashwariii/download.htm
      

  4.   

    类似于word的插入特殊符号，但是这是个表单！点击特殊符号，选择某个特殊符号，然后插入在当前光标位置！
    在表单中怎样知道用户点击的是哪里？
      

  5.   

    参考<html>
      <head>
        <meta http-equiv="content-type" content="text/html;charset=gb2312" />
        <title></title>
      </head>
      <body>  
       <script>
       var IE=document.all?true:false;
       var IERange;
       var CurrentObj=null;
       function $(Id){return document.getElementById(Id);}
       function ShowSpecial()
       {     
         if(!CurrentObj){alert("请先选择输入控件!");return;}
         $("divChr").style.display="block";
       }
       function DoInsert(Chr)
       {   
         if(IE){
         IERange.text=Chr;
         CurrentObj.focus()
         }//use the range object last save
         else
         {
           CurrentObj.focus();
           var iStart = CurrentObj.selectionStart;
           var iEnd = CurrentObj.selectionEnd;
           CurrentObj.value=CurrentObj.value.substring(0,iStart)+Chr+CurrentObj.value.substring(iEnd,CurrentObj.value.length);
           CurrentObj.setSelectionRange(iStart+1,iStart+1)
         }
       }
       document.onmousedown=function(e)
       {
         e=e||event;
         var tag=e.srcElement||e.target;
         if(tag.tagName=="TEXTAREA"||tag.type=="text")
           CurrentObj=tag;
         else
         { 
           if(tag.id=="AInsert"){if(IE)IERange=document.selection.createRange(); ShowSpecial();}
           else if(tag.tagName=="SPAN"&&tag.parentNode.id=="divChr")
           {
             $("divChr").style.display="none";
             DoInsert(tag.innerHTML);
             }
           else{
            CurrentObj=null;
            $("divChr").style.display="none";
            }
          }
       }
       </script>
       <form>
       <div><a href='#' id="AInsert">插入特殊符号</a></div>
       <div id="divChr" style="position:absolute;z-index:1; background-color:ButtonFace; display:none;">
       <span>§</span><span>№</span><span>☆</span><span>★</span><span>○</span><span>●</span><br />
       <span>◎</span><span>◇</span><span>◆</span><span>□</span><span>→</span><span>←</span><br />
       <span>↑</span><span>〓</span><span>■</span><span>△</span><span>＠</span><span>＆</span><br />
       <span>＃</span><span>＼</span><span>＾</span><span>＿</span><span>￣</span></div>
         <input type="text" /><br />
         <input type="text" /><br />
         <input type="text" /><br />
         <textarea></textarea>
       </form>   
      </body>
    </html>