Живой рендеринг текста в текстовом поле

Я хотел бы создать текстовое поле и div рядом с ним, похожие на то, что вы используете на странице «задавать вопрос» здесь, в stackoverflow. Вы вводите текст в текстовом поле, и текст отображается в реальном времени под текстовым полем. Я хотел бы сделать это, чтобы преобразовать «живые» некоторые коды типа «a024», введенные в текстовое поле, в символы в div. Нужно ли использовать javascript для получения этой функции? Спасибо.Живой рендеринг текста в текстовом поле

источник

2016-12-07 Benzio

ой вы имеете в виду 4 пространства становятся код ... как это? – Mahi

Да. Это было вызвано DHTML для динамического HTML в начале JavaScript. Для создания этой формы вам придётся использовать Javascript.

Вы можете получить значение элемента с чем-то вроде:

var source = document.getElementById("sourceTextarea").value;

и набор текста в элементе назначения с чем-то вроде:

document.getElementById("destinationDiv").innerText = "some text";

В вашем HTML вы должны будете использовать:

<textarea id="sourceTextarea"></textarea><div id="destinationDiv"></div>

источник

2016-12-07 15:40:54 Thomas

Для достижения этой цели вам, возможно, понадобится Javascript.

Вы можете использовать свойство onkeyup для textarea для привязки функции javascript к событию keyup.

Как только вы сделаете это, вы можете обработать значение texarea, чтобы заменить все, что вам нужно.

function updateMyDiv() { 
 
    var myTextarea = document.getElementById("myTextarea"); 
 
    var myDiv = document.getElementById("myDiv"); 
 
    myDiv.innerHTML = myTextarea.value; 
 
}

<html> 
 
<body> 
 

 
<textarea id="myTextarea" onkeyup="updateMyDiv()"> 
 
</textarea> 
 

 
<div id="myDiv"> 
 
</div> 
 

 
</body> 
 
</html>

источник

2016-12-07 15:53:00 jon

Живой рендеринг текста в текстовом поле

ответ

Смежные вопросы