fbpx
Перейти к содержимому

Онлайн HTML редактор для сайта

Онлайн HTML редактор очень популярен в настоящее время. С помощью него легко вносить небольшие изменения и корректировки в HTML коды. Мой любимый скрипт онлайн HTML редактора — это TryIt Editor.

Вашему вниманию, я представляю скрипт Онлайн HTML редактор для сайта для размещения внутри сайта, с помощью которого можно продемонстрировать пользователю HTML или CSS наглядно прямо на странице. Это очень удобно для вебмастеров, где в статье нужно не просто дать код, но и предоставить возможность пользователю самому внести определенные изменения.

Выглядит это так:

HTML редактор онлайн

Установить окно HTML редактора на сайт очень просто.

JavaScript

Между тегами <head> </head> страницы, где будет установлен редактор, вставляем следующий код вставляем скрипт

HTML

На саму страничку, где будет отображаться окно онлайн HTML редактора вставляем код:

Больше статей:   Дизайн рекламного блока для сайта

CSS

И, наконец, в CSS стили сайта добавить следующие стили:

Два и более онлайн HTML редакторов на одной странице

Если на одной странице сайта Вам необходимо разместить два и более окошек онлайн HTML редакторов, тогда необходимо сделать следующее:

  • Продублировать (в зависимости от количества) Javascript между тегами <head> </head> ;
  • В скрипте каждом поменять имена следующих переменных: function update, mycode, display. Например на function update1, mycode1, display1 и так далее в зависимости сколько раз окно онлайн редактора будет повторятся на странице.
  • Аналогично поменять на такие же названия указанные переменные и в html коде самого окна.
    Таким образом, сколько окон онлайн редакторов на странице — столько и Javasvript между тегами <head> </head> и все переменные должны назваться по разному.
Больше статей:   Графические вкладки для сайта - установка

Очень надеюсь, что этот скрипт будет полезным для вас.

2 комментария для “Онлайн HTML редактор для сайта”

Добавить комментарий для Natalie - Web First Step Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *