Валерий Викторович Янцев - JavaScript. Визуальные редакторы : учебное пособие для СПО

........................................ 132
11.7. Вставка линии ............................................................................................. 133
11.8. Вставка фрейма ........................................................................................... 133
11.9. Вставка рисунка .......................................................................................... 134
11.10. Вставка таблицы ....................................................................................... 134
11.11. Вставка символов ...................................................................................... 135
11.12. Добавление ссылки ................................................................................... 135
11.13. Добавление заголовка ............................................................................... 136
11.14. Выравнивание абзаца ............................................................................... 136
11.15. Настройка шрифта .................................................................................... 137
12. Креативный редактор ........................................................................................ 138
12.1. Файлы редактора и сайта ........................................................................... 141
12.2. Включение режима редактирования ......................................................... 144
12.3. Открытие и закрытие HTML-редактора ................................................... 144
12.4. Взаимодействие HTML-редактора и области контента .......................... 146
12.5. Копирование текста .................................................................................... 146
12.6. Удаление форматирования и ссылок ........................................................ 146
12.7. Простое редактирование текста ................................................................ 146
12.8. Изменение цвета букв или фона текста .................................................... 146
12.9. Добавление разметки маркированного списка ........................................ 147
12.10. Вставка линии ........................................................................................... 147
12.11. Вставка фрейма ......................................................................................... 147
12.12. Вставка рисунка ........................................................................................ 147
12.13. Вставка таблицы ....................................................................................... 147
12.14. Вставка символов ...................................................................................... 148
12.15. Добавление ссылки ................................................................................... 148
12.16. Добавление заголовка ............................................................................... 148
12.17. Выравнивание абзаца ............................................................................... 148
12.18. Настройка шрифта .................................................................................... 148
12.19. Перемещение панели ................................................................................ 148
13. Ретро-редактор ................................................................................................... 152
13.1. Установка режима редактирования .......................................................... 152
13.2. Простое редактирование текста ................................................................ 153
13.3. Изменение цвета букв или фона текста .................................................... 155
13.4. Вставка линии ............................................................................................. 155
13.5. Вставка фрейма ........................................................................................... 156
13.6. Вставка рисунка .......................................................................................... 157
13.7. Вставка таблицы ......................................................................................... 157
13.8. Вставка символов ........................................................................................ 158
13.9. Добавление ссылки ..................................................................................... 158
13.10. Добавление заголовка ............................................................................... 159
13.11. Выравнивание абзаца ............................................................................... 159
13.12. Настройка шрифта .................................................................................... 159
5

14. Файл записи данных.......................................................................................... 160
14.1. Заглушка ...................................................................................................... 160
14.2. Рабочий файл ............................................................................................... 160
15. Подведем итоги ................................................................................................. 164

6

1. Введение
Автор начал заниматься программированием в 2003 году. С 2004 года за
довольно короткий промежуток времени успел поработать в нескольких
студиях web-дизайна и вот на что обратил внимание: в те годы почти каждая
такая студия, большая или маленькая, старалась написать собственные
«движки» для сайтов, или, иначе говоря, CMS. Получались они очень
разными — от весьма простеньких и неказистых до серьезных профессиональных разработок.
Не остался в стороне от этой моды и автор, только написал такую систему
не во взаимодействии с группой программистов и дизайнеров, а полностью
самостоятельно. Называлась она непритязательно — СОУС (Система оперативного управления сайтом). Естественно, автор постоянно ее совершенствовал,
наращивал функциональные возможности и т. д. До 2016 года я и многие мои
клиенты вполне успешно пользовались данной разработкой.
Однако в это время происходили два важных процесса:
– зарождение HTML 5;
– --">