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

Удаление форматирования и ссылок ........................................................ 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;
– появление на рынке большого числа мощных CMS.
Наступил момент, когда автор уже не мог в одиночку конкурировать с
такими проектами, как WordPress, Joomla, Drupal, 1С-Битрикс и другими.
Кроме того, замена ингредиентов СОУСа с HTML 4 на HTML 5 требовала
немалых усилий.
В итоге СОУС был отправлен в архив, после чего автор занялся другими
разработками, но по-прежнему интересовался тем, что происходит в индустрии
создания «движков». А самое главное, продолжал заниматься написанием
WYSIWYG-редакторов, которые являются составными частями любых CMS.
Таким образом, на сегодняшний день у меня накопился немалый опыт
создания самых разных визуальных редакторов для самых разных webпроектов. Этим опытом я и хочу поделиться на страницах данной книги.
1.1. О чем эта книга
Книг о синтаксисе языка программирования JavaScript много. Я бы даже
сказал, очень много. Конечно, каждая из них по-своему хороша, интересна и
полезна, но в конечном счете все они об одном и том же.
Есть ряд книг, в которых излагаются не только основы языка, но и даются
примеры сценариев. Они могут объяснить начинающему разработчику, каким
образом создаются реальные проекты.
Но изданий, рассказывающих о такой популярной среди программистов
теме, как создание CMS, и, более конкретно, о создании WYSIWYG-редакторов,
практически нет. Из известных мне книг по JavaScript лишь в двух упоминается
о существовании таких редакторов и лишь в одной (изданной много лет тому
назад) рассматривается довольно элементарный пример. Частично я попытался
осветить этот вопрос в своем учебнике «JavaScript. Готовые программы». Но и
7

там, несмотря на описание нескольких очень простых разработок, информация
по теме