微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我在 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 举报,一经查实,本站将立刻删除。