无法在 laravel ckeditor 5 集成中添加新行答案

【问题标题】：Cant add new line in laravel ckeditor 5 integration无法在 laravel ckeditor 5 集成中添加新行
【发布时间】：2022-12-05 16:30:34
【问题描述】：

您好，有人在 CKEditor 5（集成到 laravel/livewire 中）中添加新行有问题吗？

我已经从官方页面下载并解压到公用文件夹。

这是初始化：

<script src="{{ asset('ckeditor5/ckeditor.js') }}"></script>

    <script>
        ClassicEditor.create(document.querySelector('#product_text'), {
            toolbar: {
                items: [ 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo', '|', 'numberedList', 'bulletedList' ]
            }
        })
            .then(editor => {
                editor.model.document.on('change:data', () => {
                    @this.set('product_text', editor.getData());
                })
            })
            .catch(error => {
                console.error(error)
            })
    </script>

这是应该初始化的代码部分：

<div class="form-group" wire:ignore>
                <label for="product_text">{{ __('Product text') }}</label>
                <textarea wire:model="product_text" name="product_text" id="product_text"
                          class="form-control col-10 master-content-product-text"
                          cols="30" rows="10"
                          placeholder="{{ __('Product text') }}">
                    {!! $masterContent->product_text ?? '' !!}
                </textarea>
            </div>

我正在尝试使用 enter、enter + shift、...+ctrl ... 转到新行（键入文本时）

有没有人有什么建议？

谢谢

【问题讨论】：

标签： laravel ckeditor laravel-livewire ckeditor5

【解决方案1】：

回答

问题是我对 ckeditor4 进行了一次全局初始化。修复是删除 ckeditor4 的初始化并在我需要它的所有文本区域中实现 CKEditor 5。

【讨论】：