Laravel Вставляет Видео На Youtube Из Строки Сообщения Пользователя

#javascript #html #laravel

Вопрос:

Привет, я действительно надеюсь, что кто-нибудь может дать мне небольшой совет! Я полный новичок в программировании, и у меня было много проблем, чтобы найти решение для этого. Используя Laravel 5, я пытаюсь улучшить веб-сайт в социальных сетях. Мне нужно взять строку пользователя, проанализировать ее и превратить ее во встроенное видео YT, если они опубликуют внешнюю ссылку. Я не могу установить пакеты, потому что я работаю с веб-сайтом, который уже находится в Сети, поэтому, если возможно, только Javascript!. Я искал в Интернете много решений, и мне не совсем ясно, нужно ли добавлять дополнительные функции в файл JS, добавлять функцию в контроллер или, может быть, внутреннюю функцию JS в блейде? Как я уже сказал, я действительно новичок в этом и пытаюсь научиться, пожалуйста, помогите! Я включил фрагменты JS и Blade, чтобы дать общее представление. Спасибо вам за любую помощь!

 function newPost(){
    var form_name = '#form-new-post';

    $(form_name   ' .loading-post').show();

    var data = new FormData();
    data.append('data', JSON.stringify(makeSerializable(form_name).serializeJSON()));
    
    var file_inputs = document.querySelectorAll('.image-input');
    $(file_inputs).each(function(index, input) {
        data.append('image', input.files[0]);
    });

    $.ajax({
        url: BASE_URL '/posts/new',
        type: "POST",
        timeout: 5000,
        data: data,
        contentType: false,
        cache: false,
        processData: false,
        headers: {'X-CSRF-TOKEN': CSRF},
        success: function(response){
            if (response.code == 200){
                cleanPostForm();
                $(form_name   ' .loading-post').hide();
                $('.post-list-top-loading').show();
                fetchForNewPosts();
            }else{
                $('#errorMessageModal').modal('show');
                $('#errorMessageModal #errors').html(response.message);
                $(form_name   ' .loading-post').hide();
            }
        },
        error: function(){
            $('#errorMessageModal').modal('show');
            $('#errorMessageModal #errors').html('Something went wrong!');
            $(form_name   ' .loading-post').hide();
        }
    });

} 
  <div class="post-content post-content-s" style="padding-bottom:15px;">
        
        {{ $post->content }}
            
         </div>
         <div id="message" class="post-content post-content-s">
            @if($post->hasImage())
                @foreach($post->images()->get() as $image)
                    <a data-fancybox="gallery" href="{{ $image->getURL() }}" data-caption="{{ $post->content }}"><img src="{{ $image->getURL() }}" style="display:block; margin-left:auto; margin-right:auto;"></a>
                @endforeach
            @endif
        </div>