Usang: Fungsi ini mempunyai problem kecil pada perubahan posisi caret teks sehabis manipulasi teks terjadi. Kode dan demo aplikasi editor teks sederhana yang lebih baik dapat Anda lihat di sini
Temuan bagus! Script ini dipakai untuk membungkus sekelompok teks yang diseleksi pada <textarea>
dengan abjad tertentu. Ini ialah dasar utama untuk membuat editor teks menyerupai halnya editor posting di blogmu:
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)); }
Penggunaan
wrapText("myTa", "<strong>", "</strong>");
myTa
ialah ID textarea<strong>
ialah abjad awal</strong>
ialah abjad akhir.
Sumber: Stackoverflow - jQuery Wrap Selected Text in a Textarea
Sumber https://www.dte.web.id/