从段落中选择文本,并用Input Value-Jquery替换该文本

时间:2014-07-16 13:03:00

标签: jquery html

我的Jquery用于在textarea中选择paragrapgh文本并用所选文本替换其文本:

function getSelectedText(){
 var sel = window.getSelection(), range;
 if(sel.getRangeAt)
        {
          range = sel.getRangeAt(0);
          if(range != "")
          {
            return range;
          }
        }
      }

      // Show Suggestion Box
      $(document).ready(function(){

       $("#selector").on('mouseup',function(){
            // $('#editor').animate({width: 'toggle'});
            $("#editor").show(1000);

            $("#btn_close_editor").show(1000);

            $('#comment').val(''+getSelectedText());
       }); 
      });

      $(document).ready(function(){
       $( "#comment" ).focus(function() {
              });
      });

      $(document).ready(function(){
          $('#btn_update_editor').click(function(){

              var string = getSelectedText();

              var rep = $("#comment").val()

              $("#selector p").each(function () {
                $(this).text($(this).text().replace(string, ''+rep))

              });

          });
      });

<div id="selector">
  <p>
   //My Paragrapgh
  </p>
  <div id="editor" >

            <textarea id="comment" class="form-control" rows = 5 placeholder="Description"></textarea>
            <hr>
            <button id="btn_update_editor" class="btn btn-primary">Update</button> 
        </div>
 </div>

告诉我请问我如何用输入文本替换getSelectedText()函数中的Selected文本,我已经尝试了很多但是只能替换它。任何身体可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

不确定getSelectedText()返回的是什么,但这应该是这样做的。

$('#selector p:first').html('whatever you want in here');