Невозможно вставить изображение / видео YouTube в среде редактора после сохранения в БД и отображения содержимого обратно в редакторе - PullRequest
Новая
       27

Невозможно вставить изображение / видео YouTube в среде редактора после сохранения в БД и отображения содержимого обратно в редакторе

0 голосов
/ 05 апреля 2019

Я использую редактор среднего размера yabwe в приложении laravel на панели администратора.

Я могу публиковать содержимое из базы данных ajax в базе данных mysql через .editable div.

После сохранения / во время редактирования я заполняю содержимое в textarea вместо div тем же именем класса .editable, чтобы у меня не было возможности вставить видео / изображение с YouTube в редактор.

Я пытался найти решения в его проблемах с github, но у меня не было ничего, связанного с отображением контента в том же формате, что и ранее.

Это я пытался до сих пор:

Страница лезвия 

@if(true == $blog)
<textarea class="editable">{{$blog->body}}</textarea> {{--used during editing of a post--}}
@else
<div class="editable"></div> {{--used when storing in db--}}
@endif

Jquery на той же странице лезвия 

<script>
        var editor = new MediumEditor('.editable',{
            toolbar: {
                buttons: ['bold', 'italic', 'underline', 'anchor', 'h1', 'h2', 'h3', 'quote', 'orderedlist', 'unorderedlist'],
            },
            paste: {
                forcePlainText: false,
            }
        });

        <!--image insert plugin start-->
        $(function () {
            $('.editable').mediumInsert({
                editor: editor,
                addons:{
                    images:{
                        fileUploadOptions: {
                            url: null,
                            acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i // (regexp) Regexp of accepted file types
                        },
                    }
                }
            });



            $('#frm_post').on('submit', function(event){
                event.preventDefault();

                var content = editor.serialize();
                var body = content['element-0'].value;

                var formData = new FormData(this);
                formData.append('body',body);

                $.ajax({
                    url:"{{route('admin.blog.upsert',[$blogId])}}",
                    method:"POST",
                    data:formData,
                    dataType:'JSON',
                    contentType: false,
                    cache: false,
                    processData: false,
                    success:function(data)
                    {
                        $('#message').css('display', 'block');
                        $('#message').html(data.message);
                        $('#message').addClass(data.class_name);
                        $('#uploaded_image').html(data.uploaded_image);
                    }
                })
            });
        });



        <!--image insert plugin end-->
    </script>

Итак, в двух словах,Я должен быть в состоянии вставить больше изображений или видео в том же посте.Любая помощь будет принята с благодарностью.

...