[bes]

Как более эффективно раскрыть textarea на максимальную высоту и ширину его содержимого?

Моё замудрёное решение.

<style>
#test {
	resize: none;
	overflow: hidden;
	outline: none;
	border: none;
}
</style>

<textarea id="test" wrap="off" readonly="readonly">
<script>
	window.onload = function () {
		alert('hy');
	}
</script>
</textarea>

<script>
window.onload = function () {
	var ta = document.getElementById('test');
	var mas = ta.value.match(/(?=^).*(?=$)/gm);
	ta.rows = mas.length;
	 ta.cols = mas.map(function (el) {
			return el.length;
		}).sort(function (a, b) {
			return b - a;
		})[0] + 10; //поправка, так как часть текста оказывается закрытой
}
</script>

Попутные вопросы:
- можно ли в textarea настроить размер табуляции?
- есть ли css-аналоги wrap="off" и readonly="readonly"?

PS: предыстория задачи - писать код для вывода без замены <> на &lt;&gt;