artifact-project / reviser

Ох, да простят меня боги Олимпа, но Reviser — это WYSIWYG, но не очередной.

Reviser

Ох, да простят меня боги Олимпа, но Reviser — это WYSIWYG, но не очередной.

И так, в чем же отличие, почему этот будет работаеть лучше?

1. Я не пыбаюсь сделать мультикомбайн
2. Reviser в первую очеред API для работы с Range и только потом WYSIWYG
3. Перехват базовых функций брауза и воссоздание их через JS
4. Покрытие тестами с ног до головы

Core План

• Реализация поведения при нажатии на enter
• Удаление символа и выделения
  • backspace
  • delete
• Реализация универсальной функции по работе с текстом
  • Начератние: bold, italic, underline и т.п.
  • Равнение/Размер/Цвет
• Автоматическое создание ссылок по enter или space
• Редактирование ссылок

Полезные ссылки

• https://rubaxa.github.io/friday/2017-03-17.html?full#26

reviser's Issues

Логер действий для тестирования

Нужно разработать механизм, который будет записывать действия пользователя, чтобы потому можно было их воспроизвести.

Примерный форма логера

[
    {
        snapshot: HTMLFragment, // копия DOM-фрагмента до действия
        range: Object,          // копия основных свойств текущего Range
        command: {
             name: string, // вызванная команда
             args: Array,  // аргументы команды
        },
    },
    // ...
]

Но, возможность логировать или нет, должна быть опциональная, если при создании Revisor не передал логер, то и нефиг логировать.

interface ILogger {
   add(reviser: Reviser, name: string, args);
   entries: ILoggerEntry[];
}

Тесты. Заменить QUnit на Jest.

MS Office vs. Clipboard

Нужно реализовать функцию фильтрации для вставки из MS Office.

msOfficeFilter(
  fragment: DocumentFragment | text,  // фрагмент или текст
  options?: MSOfficeFilterOptions,    // какие-нибудь опции опции
): DocumentFragment // новый фрагмент

Первым делом, надо разобраться, что из себя представляет HTML из MS Office, а потом уже решать, как его фильтровать и какие опции заводить.

---

У CKEditor есть такой фильтр, он огромен, есть надежда, что его можно переосмыслить. Если всё плохо, нужно придумать как интегрировать его к себе.

Delete. Реализовать.

На основе backspace реализовать delete

• https://github.com/artifact-project/Reviser/blob/master/extensions/backspace/backspace.ts
• https://github.com/artifact-project/Reviser/blob/master/pen-box/backspace.ts

План:

1. backspace добавить третий параметр isDelete: boolean или deleting: boolean
2. А вот дальше не знаю, что проще, либо двигать каретку на +1 и запустить backspace без третьего параметра, либо разобраться с кодом и корректно учитывать isDelete/deleting при удаление