Editor Teks Sederhana

Published by Concept Phone Rabu, 06 Maret 2019

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

Editor Posting

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.

Lihat Demo

---

Sumber: Stackoverflow - jQuery Wrap Selected Text in a Textarea

Sumber https://www.dte.web.id/