वर्तमान में चयनित टेक्स्ट को HTML टेक्स्टरेरा के अंदर कैसे बदलें?

Question

मैं टेक्स्टरेरा फॉर्म तत्व के चयनित टेक्स्ट को कैसे संपादित करूं?

संपादित करें: जैसा कि इसे जगह में संपादित करें, संरेखण पाठ को बदलना।

Answer 1

यह काम करता है:

function replaceIt(txtarea, newtxt) { 
 
    $(txtarea).val(
 
     $(txtarea).val().substring(0, txtarea.selectionStart)+ 
 
     newtxt+ 
 
     $(txtarea).val().substring(txtarea.selectionEnd) 
 
    ); 
 
} 
 
    
 

 
$("button").on('click', function() { 
 
    replaceIt($('textarea')[0], 'fun') 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea>Hello world.</textarea> 
 
<button>Replace with fun</button>

Answer 2

मैं इस पाया:

function wrapText(elementID, openTag, closeTag) { 
 
    var textArea = $('#' + elementID); 
 
    var len = textArea.val().length; 
 
    var start = textArea[0].selectionStart; 
 
    var end = textArea[0].selectionEnd; 
 
    var selectedText = textArea.val().substring(start, end); 
 
    var replacement = openTag + selectedText + closeTag; 
 
    textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len)); 
 
} 
 

 
$('button').on('click', function() { 
 
    wrapText('test', '<b>', '</b>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="test">This is a test</textarea> 
 
<button>Surround with &lt;b&gt; tag</button>

लेकिन personaly अपनी सामग्री-एडिटा साथ काम नहीं कर रहा ब्ली divs