语言工具扩展的 ngx-quill 问题答案

【问题标题】：ngx-quill issue with Language tool extension语言工具扩展的 ngx-quill 问题
【发布时间】：2019-02-18 05:55:10
【问题描述】：

我正在使用 ngx-quill-editor 作为我的 Angular 应用程序的富文本编辑器。使用语言工具 chrome 扩展时，我没有按预期从 quill 获得价值。否则它工作正常。

我没有发现任何关于支持带有语言工具的羽毛笔编辑器的问题。

我在使用语言工具时从 quill editor 得到的值是这样的：

<lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 538px; height: 155px;"><canvas class="lt-highlighter__canvas" width="538" height="155" style="margin-top: 0px !important; margin-left: 0px !important;"></canvas></lt-div>

当用户在编辑器中输入“Hello world”时，我应该得到一个类似的值

世界你好

但我没有得到预期的价值。

【问题讨论】：

感谢您的报告。我们正在（LanguageTool）调查它。这肯定是由我们的浏览器扩展引起的。

标签： javascript angular rich-text-editor quill languagetool

【解决方案1】：

您可以像这样将样式作为属性提供：

<quill-editor name="content" [modules]="{toolbar: toolBarOptions}" [style]="{height: '300px'}"></quill-editor>

注意toolbarOptions是相关打字稿中的一个对象

【讨论】：