Как создать текстовую структуру, доступную только для чтения, используя html (div / span) и css?

Question

У меня есть веб-страница с текстовым полем, доступным только для чтения, в котором показан некоторый HTML-код:

<input type="text" readonly="true" value="<table>...</table>"/>

Также есть кнопка отправки, которая вызывает запуск пост-страницы и проверку XSS.Я не хочу выключать XSS.

Я также попытался отключен = "отключен", но затем пользователь не может скопировать текст в текстовое поле.

Поэтому я подумал, что используя div и span, которые могут выглядеть одинаковои чувств будет достаточно и отрицать необходимость отключения проверки.Пытаясь это, я изо всех сил стараюсь ограничить строку одной строкой.Как и в текстовом поле, это одна строка с размером столбца, и текст хорошо отображается, мы также можем скопировать текст.

Есть ли лучшее решение для того, что я пытаюсь сделать?

Answer 1

Если я вас правильно понимаю, вы пытаетесь показать пример кода в веб-интерфейсе, который отформатирован для удобства использования конечным пользователем.

Как правило, вы должны заключать фрагменты кода в теги , тогда я бы предложил использовать: http://alexgorbatchev.com/wiki/SyntaxHighlighter для форматирования кода, как если бы вы просматривали его в IDE. *

Это избавит вас от необходимости проверять XSS.

Answer 2

вы можете использовать <pre> теги

отметьте ссылку