Froala 编辑器崩溃

Question

复制和粘贴文本以及其他一些情况时崩溃。之后无法提交表单。

这是我的 javascript 图像上传器参数：

require('froala-editor/js/froala_editor.pkgd.min');

$(function () {
    'use strict';

    $('.editor').froalaEditor({
        htmlAllowedEmptyTags: ['footnote'],
        heightMin: 400,
        // Set the language code.
        language: 'ru',
        imageUploadParam: 'image_param',
        imageUploadParams: {id: 'my_editor'},
        imageUploadURL: '/admin/froala/upload-image',
        imageUploadMethod: 'POST',
        imageAllowedTypes: ['jpeg', 'jpg', 'png'],
        requestHeaders: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    })
      

});

和html：

 <div class="col-sm-6">
     <div class="form-group">
        <label for="description">Description</label>
         <textarea class="editor" rows="10" name="description" id="description" required>{{ old('description') }}</textarea>
     </div>
</div>

Answer 1

我也遇到了你的问题，今天有招解决了。

可以参考

我猜你用CSS隐藏了Froala的未经许可的横幅，所以它会在模型更改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 作为我上面的代码。

Answer 2

看来你隐藏了红色的许可div

为了修复此错误，只需将以下样式添加到您的代码中

a[href='https://www.froala.com/wysiwyg-editor?k=u'] {
        font-size: 0px !important;
        padding: 0px !important;
        height: 0px !important;
}

Froala 编辑器崩溃

Froala Editor Crashing

javascript

editor

froala