Готовый код HTML-редактора
06.09.2018
Всем привет!
На этой странице вы найдете готовый код HTML-редактора. Все, что вы напишете в форме тегами, редактор обработает и выведет полностью готовую веб-страницу для обзора. Код написанный на JavaScript.Вставьте вот такой код перед тегом </head> :
<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>А вот и сама форма с выводом результата:
<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>Это все! Очень коротка, но, надеюсь, полезная статейка получилась.
Удачи!Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
Добавить комментарий
Метки: html , javascript , Вебмастеру , для сайта