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

..................................................................................... 51
6.3. Файл со сценариями ....................................................................................... 52
6.4. Дизайн сайта .................................................................................................... 54
6.5. Выделяем редактируемую область ............................................................... 55
6.6. Подключаем PHP ............................................................................................ 55
7. Структура редакторов ........................................................................................... 58
7.1. Пишем заготовку............................................................................................. 58
7.2. Файл таблицы стилей ..................................................................................... 60
7.3. Файл со сценариями ....................................................................................... 61
7.4. Добавляем фрейм для просмотра страницы ................................................ 61
7.5. Дизайн редакторов .......................................................................................... 62
7.6. Подключаем PHP ............................................................................................ 63

3

8. Базовые компоненты редакторов......................................................................... 66
8.1. WYSIWYG и текстовый режимы .................................................................. 66
8.2. Главная панель ................................................................................................ 68
8.3. Кнопки простого редактирования ................................................................. 75
8.4. Блок настроек линий....................................................................................... 77
8.5. Блок настроек таблиц ..................................................................................... 80
8.6. Блок настроек рисунков ................................................................................. 81
8.7. Блок настроек фреймов .................................................................................. 84
8.8. Блок выбора символов .................................................................................... 86
8.9. Блок настроек ссылок ..................................................................................... 87
8.10. Блок настроек заголовков ............................................................................ 90
8.11. Блок настроек выравнивания текста в абзацах .......................................... 91
8.12. Блок настроек шрифтов ................................................................................ 92
8.13. Блок настроек цвета текста .......................................................................... 93
8.14. Удаление форматирования и ссылки .......................................................... 94
9. Общие фрагменты сценариев ............................................................................... 96
9.1. Регистрация «главного» обработчика ........................................................... 96
9.2. Выбор загружаемой страницы ....................................................................... 97
9.3. Взаимодействие области контента, WYSIWYG
и текстового редакторов ........................................................................................ 98
9.4. Фиксация в памяти выделенного фрагмента ............................................. 102
9.5. Открытие и закрытие вкладок с настройками ........................................... 102
9.6. Выбор рисунка .............................................................................................. 104
9.7. Навигация по внесенным изменениям........................................................ 105
9.8. Запись отредактированной страницы ......................................................... 109
10. Традиционный редактор ................................................................................... 111
10.1. Включение режима редактирования ......................................................... 111
10.2. Копирование текста .................................................................................... 112
10.3. Удаление форматирования и ссылок ........................................................ 112
10.4. Простое редактирование текста ................................................................ 113
10.5. Изменение цвета букв или фона текста .................................................... 114
10.6. Добавление разметки маркированного списка ........................................ 115
10.7. Вставка линии ............................................................................................. 117
10.8. Вставка фрейма ........................................................................................... 119
10.9. Вставка рисунка .......................................................................................... 120
10.10. Вставка таблицы ....................................................................................... 121
10.11. Вставка символов ...................................................................................... 123
10.12. Добавление ссылки ................................................................................... 124
10.13. Добавление заголовка ............................................................................... 125
10.14. Выравнивание абзаца ............................................................................... 127
10.15. Настройка шрифта .................................................................................... 127
11. Редактор с фиксированными стилями ............................................................ 129
11.1. Установка режима редактирования .......................................................... 130
11.2. Копирование текста .................................................................................... 130
11.3. Удаление форматирования и ссылок ........................................................ 131
4

11.4. Простое редактирование текста ................................................................ 131
11.5. Изменение цвета букв или фона текста .................................................... 131
11.6. Добавление разметки маркированного списка --">