JQuery/JavaScript - Membuat Editor Teks Sederhana

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

Editor Posting

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.

Lihat Demo

Sumber: Stackoverflow - JQuery Wrap Selected Text in a Textarea