15
텍스트 영역 양식 요소에서 선택한 텍스트를 편집하려면 어떻게해야합니까?HTML 텍스트 영역에서 현재 선택된 텍스트를 바꾸는 방법은 무엇입니까?
EDIT : 그대로 편집하여 원래의 텍스트로 바꿉니다.
텍스트 영역 양식 요소에서 선택한 텍스트를 편집하려면 어떻게해야합니까?HTML 텍스트 영역에서 현재 선택된 텍스트를 바꾸는 방법은 무엇입니까?
EDIT : 그대로 편집하여 원래의 텍스트로 바꿉니다.
이 작동 :
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>
나는이 발견
그러나
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 <b> tag</button>