Добрый день.
Есть html-страница с формой. В форме есть textarea. В textarea пользователь может вводить текст и html-теги. Ниже формы расположена ссылка. Хочется при нажатии на эту ссылку создавать новую страницу, в которую помещать содержимое textarea. То есть, своего рода preview перед нажатием на submit.
Реализовано так:
-------- html -----------
<form action="script.php" name=first method="post">
<textarea cols=76 rows=10 name="content"></textarea><br>
<input type="submit" name=edit value="Apply">
</form>
<a href="#" onclick="p2();" >Preview</a>
-------- js -----------
function p2() {
h = open("","","width=400,height=394");
text = document.getElementsByName('content')[0].innerHTML;
h.document.open();
h.document.write(text);
}
Проблема: в отображаемой html-странице теги "не резолвлятся".
Пример: пользователь набрал в textarea:
Тест. <a href="abc.html">Ссылка</a>
Ожидаемое поведение:
Тест.
Cсылка.
Нынешнее поведение:
Тест. <a href="abc.html">Ссылка</a>
То есть, браузер "не понимает" теги, считая их обычными символами.
Вопрос: как сделать так, чтобы html-теги правильно интерпретировались браузером. Спасибо.
P.S. Прикол в том, что если вместо строчки
text = document.getElementsByName('content')[0].innerHTML;
я напишу
text='Тест. <a href="abc.html">Ссылка</a>';
то все отобразится правильно (теги будут интерпретированы). Но вот в исходном варианте почему-то не работает. Очень надеюсь на вашу помощь. Спасибо.