TextArea + включить подсветку и выделение

Question

У меня есть вышеуказанная текстовая область, заполненная jquery keyup, ajax, php и mysql.Теперь мне нужно иметь возможность разрешить эффект наведения мыши, когда будет выделена строка с наведением курсора, курсор: указатель, и я смогу выбрать один из них, и он появится в приведенном выше вводе.уверен, как даже начать эту часть.Кто-нибудь может дать мне толчок в правильном направлении?

спасибо

Answer 1

Гораздо лучше и проще преобразовать это textarea в список и преобразовать каждую строку текста в текстовое поле как элементы списка:

var text = $('#text').html().split('\n');
var list = $('<ul></ul>');
$.each(text, function(k, v) {
    if (v != '') {
        $('<li>' + '<input type="text" id="' + k + '" value="' + v + '" />').appendTo(list);
    }
});
$('#text').replaceWith(list);

см. этот пример.

, то:

зарегистрируйте обработчик события для mousemove() в элементе списка и используйте target, чтобы получить элемент поиска:

$('#listElement').mousemove(function(e) {
    $('#textBoxElement).val($(e.target).val());
});

см. это демо.

и, наконец, сложить их вместе .