BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

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

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

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

Всем привет!
На этой странице вы найдете готовый код 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" "http://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>

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

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 718
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 3911