Как отобразить измененную версию ввода textarea в другом div?

Question

Как отобразить измененную версию ввода textarea в другом div?

0

Как я могу создать новый html div (не другое поле ввода), которое отображает отредактированную версию текста из текстового поля с помощью javascript?

Я бы хотел, чтобы отредактированная версия заменила слово "красный" на "r". Будет ли способ обновлять отредактированный div каждый раз, когда пользователь вводит больше текста в текстовое поле? Вот мое текстовое поле.

<!--text box-->
<form name=sentence>
<textarea class="sentencebox" id="sentence" placeholder="Enter the sentence here." wrap="soft" style="width:300px; resize:none; border:none;">
</textarea><br>
</form>

Заранее спасибо, и бонусы, если кто-то может придумать способ сделать новый "r" красным!

Hrvoje Golcic 30 нояб. 2013, в 18:03

Источник

Теги:

javascript

jquery

html

textarea

1 ответ

Ещё вопросы

Hrvoje Golcic · Answer 1 · 2013-11-30T14-56-00.000Z

Вы можете использовать для этого чистый JS или jQuery, вот пример: jsFiddle

$('#sentence').on('keyup',function(){

    // here you can update your div
    $('#myDiv').text($('#sentence').val());
});

и заменить 'red' на 'r'

$('#sentence').val().replace('red','r')

если поместить его в <pre> будут также отображаться разрывы строк