php - TextArea+ハイライトと選択を有効にする

Question

上記のテキストエリアにjquerykeyup、ajax、php、mysqlが入力されています。ここで、マウスオーバーのある行が強調表示されるときにマウスオーバーの影響を許可できるようにする必要があります。cursor：pointerと、1つを選択して、上記の入力に表示できるようにする必要があります。

この部分をどのように始めればよいのかわかりません。誰かが私に正しい方向へのプッシュを与えることができますか？

ありがとうございました

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());
});

このデモを参照してください。

そして最後にそれらをまとめます。