Меню
Что нового?

визуализация html-кода из textarea

jer

...
визуализация html-кода из textarea

Делаю визаулизацию html текста введенного в textarea, чтобы пользователь сразу видел как будет выглядеть его HTML-код.

// Знания и опыт в javascript-е оставляет желать лучшего.

Пока получается вот такой корявый скрипт:
PHP: 
<html>
<head>
</head>
<body>
<script language="javascript"><!--
function LinkView()
{
    html = document.getElementById('html');
    idView.focus();
    idView.document.selection.createRange().pasteHTML(html.value);
    html.focus();

    return true;
}
--></script>

<form action="" method="POST">
  <textarea name="html" id="html" onkeyup="javascript: LinkView();"></textarea>
  <input type="submit" name="btn" value="Submit">
</form>

<iframe id="idView" width="300" frameborder="0"></iframe>

</body>
</html>
Очень хотелось бы получить вразумения от экспертов по следующим вопросам:

1. как после фокусировки на textarea спозиционировать курсор в ту позицию откуда "ушли"?

2. как адаптировать код под Мозиллу? как я понял нужно найти замену методу pasteHTML.

3. как сделать полное обновление кода в iframe, а не добавление к уже существующему?

4. может быть я вообще все не правильно начал делать. тогда пинки в нужном направлении приветствуются.
 

Кром

Новичок
Не хочешь сделать так:
PHP: 
<html>
<head>
</head>
<body>
<script language="javascript">
function LinkView()
{    
	document.getElementById('idView').innerHTML = document.getElementById('html').value;
    return true;
}
</script>
<form action="" method="POST">
  <textarea name="html" id="html" onkeyup="javascript: LinkView();"></textarea>
  <input type="submit" name="btn" value="Submit">
</form>
<div id="idView"></div>
</body>
</html>
?
 
Войдите или зарегистрируйтесь для ответа.
Сверху