Главная » Вебмастеру » Готовый код HTML-редактора

Готовый код HTML-редактора

2016-11-08 / Вр:20:40 / просмотров: 6096

Всем привет!
На этой странице вы найдете готовый код HTML-редактора.
Все, что вы напишете в форме тегами, редактор обработает и выведет полностью готовую веб-страницу для обзора.
Код написанный на JavaScript.

Вставьте вот такой код перед тегом </head>:

<script ENGINE="text/javascript">
function p2(){
var txt = document.getElementsByName('content')[0].value;
var view = document.getElementById('view');
view.style.width = '480px';
view.style.border = 'solid 1px #ddd';
view.innerHTML = txt;
h.document.open();
h.document.write(txt);
}
</script>

А вот и сама форма с выводом результата:

<form action="#" name="first" method="post">
<textarea cols=76 rows=10 name="content"></textarea>
</form>
<br>
<a href="#" onclick="p2();" >Результат</a>
<!-- вывод результата -->
<div id="view"></div>

Этот код нужно вставить в <body> тут </body>

А вот полностью готовый код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML-редактор онлайн</title>
<script type="text/javascript">
function p2(){
var txt = document.getElementsByName('content')[0].value;
var view = document.getElementById('view');
view.style.width = '480px';
view.style.border = 'solid 1px #ddd';
view.innerHTML = txt;
h.document.open();
h.document.write(txt);
}
</script>
</head>
<body>
<form action="#" name="first" method="post">
<textarea cols=76 rows=10 name="content"></textarea><br>
</form>
<a href="#" onclick="p2();" >Результат</a>
<!-- вывод результата -->
<div id="view"></div>
</body>
</html>

Это все! Очень коротка, но, надеюсь, полезная статейка получилась.
Удачи!