Froala 编辑器在编辑时崩溃答案

【问题标题】：Froala Editor getting crash while editingFroala 编辑器在编辑时崩溃
【发布时间】：2019-01-23 06:01:37
【问题描述】：

我在 AngularJS 1.6 中使用 Froala 编辑器，当我从代码视图添加 HTML 并尝试从视图模式编辑时，编辑器崩溃了。

在我使用 WampServer 和 Window 10 的本地系统中运行良好，当我使用 centos 7 在 NGINX 上部署时，它会崩溃

更多详情请查看video

编辑器版本：froala_editor v2.8.1

【问题讨论】：

标签： angularjs wysiwyg froala

【解决方案1】：

我也面临你的问题，今天我有一个技巧来处理它。

您可以参考my answer for my question on StackOverflow here

我猜你已经使用 CSS 来隐藏 Froala 的 unlicense 横幅，所以它会在模型更改 11 次后崩溃。这是我检测这个问题的简单演示 https://stackblitz.com/edit/react-froala-editor?file=style.css.

div.fr-wrapper>div>a {
        /* display: none !important; */
        /* position: fixed; */
        /* z-index: -99999 !important; */
    font-size: 0px !important;
    padding: 0px !important;
    height: 0px !important;
}

在 CSS 代码中，如果我们使用display: none，在第 11 次更改后会崩溃。如果你用display: none可以试试，编辑后11次就崩溃了。

我找到了解决此问题的技巧，我不隐藏横幅，但我将其设置为 font-size: 0 和 padding: 0 不可见，就像我上面的代码一样。

【讨论】：