如何在 CKEditor 5 中以模态方式使用

编程问答 2022-04-21

问题描述

我在 boostrap 模态内的表单中使用 CKEditor 5，我需要填写文本字段以发送表单，我尝试了一些我找到的教程，但它们都没有在我的代码中工作。 我需要的是，如果该字段，用户尝试发送空文本字段，则会显示警报或验证消息，说明它是强制性的 这是我的代码：

模态

<div class="modal-body" id="aberturaChamado">
    <form asp-action="CadastrarChamado" class="row g-3 needs-validation" enctype="multipart/form-data" novalidate>
    <div class="form-group">
        <label>Descrição</label>
        <textarea class="form-control" id="editor" maxlength="2000" asp-for="Descricao"></textarea>
        <span asp-validation-for="Descricao" class="text-danger"></span>
    </div>
    
    <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bi bi-x-square"></i> Fechar</button>
        <button type="submit" class="btn btn-primary"><i class="bi bi-save"></i> Cadastrar Solicitação</button>
    </div>
    </form>
</div>

脚本：

<script>
ClassicEditor
        .create(document.querySelector('#editor'),{
            toolbar: ['bold','italic','bulletedList','numberedList','undo','redo',]
        })
        .catch(error => {
            console.error(error);
        });
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ckeditorckeditorckeditorckeditor5javascript