Editor Teks Sederhana
Tabel Konten
Usang: Fungsi ini memiliki masalah kecil pada perubahan posisi caret teks setelah manipulasi teks terjadi. Kode dan demo aplikasi editor teks sederhana yang lebih baik bisa Anda lihat di sini
Temuan bagus! Script ini digunakan untuk membungkus sekelompok teks yang diseleksi pada <textarea>
dengan karakter tertentu. Ini adalah dasar utama untuk menciptakan editor teks seperti 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
adalah ID textarea<strong>
adalah karakter awal</strong>
adalah karakter akhir.
Sumber: Stackoverflow - jQuery Wrap Selected Text in a Textarea
1 Komentar
budkalon
Wow!!!!!! Ternyata banyak sekali hal yang dapat dilakukan dengan kode-kode ini!!!! Seperti misalnya membuat editor sederhana untuk komentar sebelum di kopi paste ke formulir komentar asli :D