Блог

Я использую Quill.js как редактор расширенного текста. При нажатии TAB он вставляет t символ табуляции в треугольник Quill. В редакторе эта разница преобразуется в HTML (такое преобразование, похоже, происходит в этом convertHTML() методе), и этот t символ преобразуется в 4 пробела. Однако я хотел бы настроить свой редактор Quill, чтобы изменить количество пробелов, которые он выводит для t символа, на, например, 6.

Сначала я думал, что смогу выполнить это с помощью клавиатурного модуля, однако это просто для управления привязками клавиш, которые влияют на дельта-структуру данных, а не на вывод HTML для редактора. Я кратко рассмотрел возможность использования модуля Keyboard для переопределения TAB привязки клавиш для вставки нескольких t символов, но это лишь частичное решение, поскольку я хочу иметь возможность разрешить пользователю указывать собственное количество пробелов, составляющих табуляцию, а несколько t символов просто позволяют мне делать это с шагом в 4 пробела. Я просмотрел документы, а также проблемы в проекте GitHub и не могу найти ничего, что упоминало бы о том, что позволяет мне настраивать этот вывод. Я надеюсь, что это вообще возможно, и, возможно, кто-то еще там уже сделал это.

Используйте css tab-size:

 .ql-editor {
  tab-size: 20;
  -moz-tab-size: 20;
  -o-tab-size:  20;
 }
  

ДЕМОНСТРАЦИЯ:
https://codepen.io/anon/pen/qvoeJm