Froala Editor Crashing - PullRequest
Новая
       19

Froala Editor Crashing

0 голосов
/ 19 ноября 2018

При копировании и вставке текста и некоторых других случаях происходит сбой.После этого не могу отправить форму.

FroalaEditor Copy&Paste GIF

Вот мои параметры 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>

1 Ответ

0 голосов
/ 21 декабря 2018

Я тоже столкнулся с вашей проблемой, и сегодня у меня был трюк, чтобы справиться с этим.

Вы можете отослать мой ответ на мой вопрос по StackOverflow здесь

Полагаю, вы используете 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, как мой код выше.

...