टेक्स्टरेरा

Question

में चयनित टेक्स्ट को प्रतिस्थापित करना jQuery में ऐसा करने का सबसे अच्छा तरीका क्या है? यह एक काफी आम उपयोग मामले होना चाहिए।

1. उपयोगकर्ता एक पाठ क्षेत्र में पाठ का चयन करता है
2. वह एक लिंक
3. कड़ी में पाठ पाठ क्षेत्र में चयनित पाठ की जगह पर क्लिक करता है

किसी भी कोड की बहुत सराहना की जाएगी - मैं कर रहा हूँ भाग 3 के साथ कुछ समस्याएं हैं।

Answer 1

यहां सभी प्रमुख ब्राउज़रों में आप इसे कैसे कर सकते हैं। मुझे jQuery plug-in भी मिला है जिसमें यह कार्यक्षमता शामिल है। इसी के साथ, कोड होगा

$("your_textarea_id").replaceSelectedText("NEW TEXT"); 

यहाँ एक पूर्ण स्टैंड-अलोन समाधान है:

function getInputSelection(el) { 
    var start = 0, end = 0, normalizedValue, range, 
     textInputRange, len, endRange; 

    if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") { 
     start = el.selectionStart; 
     end = el.selectionEnd; 
    } else { 
     range = document.selection.createRange(); 

     if (range && range.parentElement() == el) { 
      len = el.value.length; 
      normalizedValue = el.value.replace(/\r\n/g, "\n"); 

      // Create a working TextRange that lives only in the input 
      textInputRange = el.createTextRange(); 
      textInputRange.moveToBookmark(range.getBookmark()); 

      // Check if the start and end of the selection are at the very end 
      // of the input, since moveStart/moveEnd doesn't return what we want 
      // in those cases 
      endRange = el.createTextRange(); 
      endRange.collapse(false); 

      if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) { 
       start = end = len; 
      } else { 
       start = -textInputRange.moveStart("character", -len); 
       start += normalizedValue.slice(0, start).split("\n").length - 1; 

       if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) { 
        end = len; 
       } else { 
        end = -textInputRange.moveEnd("character", -len); 
        end += normalizedValue.slice(0, end).split("\n").length - 1; 
       } 
      } 
     } 
    } 

    return { 
     start: start, 
     end: end 
    }; 
} 

function replaceSelectedText(el, text) { 
    var sel = getInputSelection(el), val = el.value; 
    el.value = val.slice(0, sel.start) + text + val.slice(sel.end); 
} 

var el = document.getElementById("your_textarea"); 
replaceSelectedText(el, "[NEW TEXT]");