使用 Angular Material 的 cdkDrag 指令时，ngx quill 编辑器无法正常工作

【问题标题】：ngx quill editor not working while using cdkDrag directive of Angular Material使用 Angular Material 的 cdkDrag 指令时，ngx quill 编辑器无法正常工作
【发布时间】：2022-01-22 23:18:52
【问题描述】：

使用 Angular Material 的 cdkDrag 指令时，Quill 编辑器没有聚焦或无法键入内容。

这里分享 StackBlitz 代码。

https://stackblitz.com/edit/angular-ivy-xalouc

了解：

如果右击编辑器，它是可编辑的
单击任何工具栏菜单项，它是可编辑的

请建议解决此问题。提前致谢。

【问题讨论】：

这个问题应该发给创作者

标签： angular angular-material angular-cdk-drag-drop ngx-quill

【解决方案1】：

一些解决方法，尝试使用cdkDragHandle 添加单独的元素：

<div cdkDrag>
  <div cdkDragHandle>drag handle</div>
  <quill-editor></quill-editor>
</div>

quill-edit 可以工作

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。