JQuery/JavaScript - Membuat Editor Teks Sederhana

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