Классический редактор не работает - PullRequest
0 голосов
/ 23 июня 2019

Я пытаюсь включить CKEditor5 в свой код, точно следуя их официальным документам на https://ckeditor.com/docs/ckeditor5/latest/builds/guides/quick-start.html.И да, это отображается, но пользовательский интерфейс кажется не функциональным.Я не могу получить текст жирным шрифтом, и такие ...

У кого-то есть идеи?

<script src="{{ asset('js/app.js') }}" defer></script>
<script src="https://cdn.ckeditor.com/ckeditor5/12.2.0/classic/ckeditor.js"></script>

...

<form method="POST" action="{{ route('posts.store') }}" enctype="multipart/form-data">
                @csrf
                <div class="form-group">
                    <label for="title">Title</label>
                    <input type="text" name="title" id="title" class="form-control" placeholder="Enter post title" />
                </div>
                <div class="form-group">
                    <label for="slug">Post slug</label>
                    <input type="text" name="slug" id="slug" class="form-control" placeholder="Enter post slug" />
                </div>
                <div class="form-group">
                    <label for="body">Content</label>
                    <textarea name="body" id="editor"></textarea>
                </div>
                <div class="custom-file">
                    <input type="file" name="cover_image" id="cover_image" class="custom-file-input" />
                    <label class="custom-file-label" for="cover_image">Choose cover image (optional)</label>
                </div>
                <hr />
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
...
<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .catch( error => {
            console.error( error );
        } );
</script>
...