增加 Quilljs 中选项卡的缩进大小

Question

我正在使用 Quill.js as a rich text editor. When you hit TAB it inserts a \t tab character into the Quill Delta. On the editor, this Delta is converted to HTML, (that conversion seems to happen in this convertHTML() 方法）并且 \t 字符被转换为 4 个空格。但是，我想自定义我的 Quill 编辑器，将它为 \t 字符输出的空格数更改为例如 6.

起初我相信我可以通过 Keyboard Module 完成此操作，但这只是为了控制影响 Delta 数据结构的键绑定，而不是编辑器的 HTML 输出。我考虑过使用键盘模块来覆盖 TAB 键绑定以插入多个 \t 字符，但这只是部分解决方案，因为我希望能够允许用户指定它们自己构成制表符的空格数，而多个 \t 字符仅让我以 4 个空格为增量进行操作。我梳理了 GitHub 项目中的文档和问题，但找不到任何提到让我自定义该输出的内容。我希望这甚至是可能的，也许其他人已经做到了。

Answer 1

使用css制表符大小：

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

演示： https://codepen.io/anon/pen/qvoeJm

增加 Quilljs 中选项卡的缩进大小

Increase indentation size of tabs in Quilljs

quill