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

В. В. ЯНЦЕВ

JAVASCRIPT
ВИЗУАЛЬНЫЕ
РЕДАКТОРЫ
Учебное пособие

•САНКТПЕТЕРБУРГ•МОСКВА•КРАСНОДАР•
•2022•

УДК 004
ББК 32.97я723
Я 65

Янцев В. В. JavaScript. Визуальные редакторы : учебное пособие
для СПО / В. В. Янцев. — СанктПетербург : Лань, 2022. — 168 с. :
ил. — Текст : непосредственный.

ISBN 9785811489435
Подавляющее большинство ныне действующих сайтов сделано при
помощи CMS. А такие системы невозможно представить без визуальных
редакторов страниц. WYSIWYGредакторы позволяют администратору
управлять содержимым ресурса, не будучи знакомым даже с азами про
граммирования.
Многие разработчики используют не готовые CMS, а пишут собст
венные. Данная книга призвана помочь им в этом непростом деле. На ее
страницах описаны четыре WYSIWYGредактора — на разный вкус и для
разных задач. Все системы являются оригинальными и не содержат каких
либо заимствований кода. Функциональные возможности приведенных
разработок имеют исчерпывающие описания и разъяснения.
Разобранные в книге визуальные редакторы могут быть интегрированы
в уже существующую CMS или работать напрямую с сайтом без сопут
ствующих инструментов. Особо надо отметить, что эти редакторы позволяют
администратору сайта видеть, как будет выглядеть страница еще до того,
как он запишет внесенные изменения в файл или базу данных.
Книга имеет сайт поддержки, где читатель может ознакомиться с
редакторами и опробовать их в действии. Кроме того, вы можете скачать
zipархив со всеми файлами и запустить их на своем компьютере. Для этого
книга содержит подробные инструкции по созданию локального хостинга
на ПК.
Соответствует современным требованиям Федерального государствен
ного образовательного стандарта среднего профессионального образования
и профессиональным квалификационным требованиям.
Рекомендовано в качестве дополнительной литературы для студентов,
обучающихся в средних профессиональных учебных заведениях по направ
лению «Информатика и вычислительная техника».

УДК 004
ББК 32.97я723

Обложка
П. И. ПОЛЯКОВА

© Издательство «Лань», 2022
© В. В. Янцев, 2022
© Издательство «Лань»,
художественное оформление, 2022

ОГЛАВЛЕНИЕ
1. Введение ................................................................................................................... 7
1.1. О чем эта книга.................................................................................................. 7
1.2. Особенности изложения материала ................................................................ 8
1.3. Оформление сценариев .................................................................................... 9
2. Прежде чем начать ................................................................................................ 10
2.1. CMS .................................................................................................................. 10
2.2. WYSIWYG ....................................................................................................... 11
2.3. Атрибут contentEditable .................................................................................. 11
2.4. Свойство designMode...................................................................................... 12
2.5. Метод getSelection ........................................................................................... 13
2.6. Отменен ли execCommand?............................................................................ 13
2.7. Методы createElement и surroundContents .................................................... 15
2.8. Что и как мы напишем.................................................................................... 15
3. Среда разработки ................................................................................................... 18
3.1. Выясняем разрядность ОС ............................................................................. 19
3.2. Установка пакета Visual C++ ......................................................................... 20
3.3. Установка сервера Apache 2.4 ....................................................................... 22
3.4. Установка PHP 8 ............................................................................................. 28
3.5. Установка редактора Notepad++ 8 ................................................................ 31
4. Тестирование программ ........................................................................................ 37
4.1. Тестирование сайта и редакторов в браузерах ............................................ 37
4.2. Тестирование сайта и редакторов в валидаторах ........................................ 39
4.3. Проверка работы сайта и редакторов в консоли ......................................... 42
5. Структура проекта ................................................................................................. 44
5.1. Состав zip-архива ............................................................................................ 44
5.2. Сайт .................................................................................................................. 45
5.3. Редакторы ........................................................................................................ 46
6. Сборка демонстрационного сайта ....................................................................... 47
6.1. Пишем заготовку............................................................................................. 47
6.2. Файл таблицы стилей --">