/wysiwyg-html-editor

WYSIWYG HTML редактор

Primary LanguageJavaScriptMIT LicenseMIT

WYSIWYG HTML редактор

Цель проекта - это преобразование документа, созданного с помощью тектового редактора MS Word, LibreOffice, Open Office, в формат html с возможностью скрытия конкретных страниц.

Задачи проекта

  • Приложение должно работать со следующими типами файлов: .doc, .docx, .odt, .rtf, .pdf.
  • Пользовательский интерфейс должен обеспечивать комфорную работу с документом объемом более 300 страниц (0,5 млн. символов).
  • Обеспечение полноценного работы с контентом документа (создание, изменение, удаление).
  • Экспорт контента документа в формат html5.
  • Создание «скриншота» каждой страницы.
  • Возможность скрытия конкретных страниц.
  • Редактирование документа с мобильного устройства.

Функциональность

  • Контроль над историей редактирования: вернуть назад, вперед.
  • Задание ориентации страницы: альбомная, портретная.
  • Вожможность установить принудительный перенос страницы.
  • Выравнивание параграфа: по левому краю, по центру, по правому краю и по ширине.
  • Изменение начертания текста: выделенный, курсив, строчными, прописными.
  • Изменение положения текста: подстрочный, надстрочный.
  • Вставка спецсимволов: 28 символов.
  • Очистка всего документа.
  • Режим многоточий.
  • Вставка ссылок, с определением поведения: открыть на новой вкладке, не передавать вес станицы.
  • Вставка изображения, с возможностью выравнивания и изменения размера.
  • Определение положение подписи к изображению.
  • Редактирование таблиц: задание границ, удаление столбцов, строк.
  • Разбиение и объединение таблиц.

Uml-диаграмма

На схеме представлен процес передачи данных в режиме добавления нового документа и открытия уже сохранненного на сервере.

Технологии

  • Wish - быстрый front-end фреймворк для управления элементами на странице в браузере.

NOTE Проект удален Internet Arhive

  • html2canvas позволяет делать «скриншоты» веб-страниц или его частей непосредственно в браузере пользователей.
  • IcoMoon шрифты с иконками и css-спрайт.

Выпуск

Релиз состоялся в 2013 году. На создание потребовалось около 6 месяцев.

http://46.17.42.214:1024/example.htm

Для корректной работы примера требуется браузер Firefox

Редактор используется по настоящее время.