Quill 编辑器光标位于第一个字母后面

Question

这不是一个问题，而是我刚刚使用 Quill 编辑器遇到的问题，我想我会分享一下，以防其他人遇到同样的问题。

如果您遇到过，在打字时，光标将自身定位在第一个字母后面，我有一个修复方法 - 在 jquery 中。

$('.quill').each((i, q) => {
  new Quill(q, {
    modules: {
  toolbar: toolbarOptions
},
theme: 'snow',
placeholder: 'Type here...',
  });  
}).on('focus', (e) => {
  $(this).text($(this).text().substring($(this).text().length, -1));// this is what does it
});

我确信你可以将其改编为 React、Angular 或 Vue

Answer 1

我遇到了同样的问题，我找到了问题所在。

.ql-editor > * { 
  cursor: text;
}

这是quill默认的css样式，我只是将其更改为我的自定义代码：

.ql-editor > * { 
  cursor: initial !important;
}

光标再次开始正常工作，希望这有帮助:)