Как включить HTML в поле ввода текста?

Question

Как включить HTML в текстовом поле, чтобы пользователи могли вводить HTML в текстовом поле, а при отправке HTML-код анализируется и отображается в браузере? Теперь я использую обычный элемент формы для текстового поля как:

<input id="todo" type="text">

Что мне нужно изменить? type?

Answer 1

Вам не нужно ничего делать. HTML - это текст, поэтому пользователи могут вводить HTML в текстовое поле, если захотят.

Изменение типа на html просто делает его неизвестным, поэтому браузеры рассматривают его как text.

Если вы принимаете HTML, вам необходимо тщательно санировать его, прежде чем отображать его обратно в браузере, в противном случае вы открываете XSS-уязвимость безопасности .

Answer 2

Если вы хотите включить HTML-разметку в поле ввода, используйте <textarea id="todo"></textarea> Это даст вам гораздо большую коробку.

При желании вы можете использовать TinyMCE , который прост в использованиии мощный инструмент WYSIWYG.

Но чтобы показать код при отправке, вам нужно знать PHP, язык программирования Python или что-то в этом роде.

Answer 3

То, что вы ищете, называется WYSIWYG-редактор.(То, что вы видите, это то, что вы получаете)

У вас их очень много, некоторые бесплатно - просто Google для "WYSIWYG editor" и убедитесь сами.FCKeditor и он довольно простой и мощный, хотя я считаю, что к настоящему времени доступны лучшие редакторы.