Editor Teks Sederhana

Tabel Konten
  1. Penggunaan 

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
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

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

Komentar telah ditutup.