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






Улучшения в визуальном редакторе версии 1.1

Написано AlterVega, 03 Октябрь 2012 · 6 287 Просмотров

Для форматирования публикуемых текстов и сообщений в АльтерВеге используется визуальный редактор, основанный на TinyMCE. Подробнее было расписано в одной из статей.

К версии 1.1 были собраны предложения и задачи к улучшению. В результате собрана новая версия редактора TinyMCE 3.5.7 jQuery package. В эту версию включены только необходимые плагины и утилиты. В результате всех изменений, главное, скорость загрузки редактора выросла в 2 раза.

Некоторый список технический изменений ниже:
  • Для всех плагинов сделаны две версии: минимизированная и исходный код, минимизированная для production режима и исходный для отладки ( упростит модернизацию и доработку );
  • Общий пакет редактора стал легче на 20%;
  • Переработан и облегчен шаблон для редактора;
  • Все вызываемые редактором окна инициализируются через модельные окна с единым стилем и оформлением;
  • Переписан плагин добавления видеороликов;
  • Обновлены стили выпадающих меню для смайлов;
  • Доработано отображение preview форматирования цвета, тем самым иконка теперь не сливается;
  • Обновлены языки для некоторых плагинов;
  • Вызываемый объем кода при вызове или инициализации уменьшен на в среднем на 35% ( за счет минимизации вызываемого кода );
  • В инициализацию добавлены классы для возможности переключения редактора в режим только чтения;
  • Добавлено использование схемы построения html5;
  • Добавлено конвертирование старых тегов ( аля <font> ) в <span>;
  • Изменен тип документа на html вместо xhtml;
  • Добавлена фиксация элементов листа;
  • Добавлена валидная сборка списков с вложениями;
  • Добавлена проверка валидности вложенности тегов ( блоковый тег теперь не будет вкладываться в строковой элемент, а будет перенесен на новую строку );
  • Добавлена проверка общей валидности созданного документа в редакторе;
  • Добавлен список whitespace элементов;
  • Изменены параметры запоминания изменений для возврата назад или перехода вперед с бесконечного на 10 уровней, что уменьшает нагрузку;
  • Изменены параметры изменения размеров поля редактора, запрещен горизонтальное изменение размеров с проверкой, добавлено ограничение для вертикального изменения в 800px;
  • Добавлено описание в кнопке выбора размера текста;
  • Настройки при инициализации редактора разбиты на группы;
  • Для вызова редактора с ограничениями в функционале не надо создавать новую инициализацию с параметрами, а можно вызвать надстройку для текущей;
  • При вводе ссылки в тексте, а не через кнопку, редактор сконвертирует ее как ссылку, а не текст;
  • Мелкие улучшения в дизайне;
  • Повышена валидность W3C создаваемого редактором кода для отображения себя;
  • Повышена валидность W3C создаваемого в редакторе кода, если раньше получали xhtml код, то теперь получае html5, не особо богатый html5 тегами, конечно, но более валидный в плане W3C;
  • При добавлении картинок добавлено превью в реальном времени;
  • У модельных окон есть возможность изменения размеров ( полезна для пользователей, использующие плагины для браузеров работы с контекстом );
  • Добавлено быстрое контекстное меню.