CKEditor5 以编程方式重新初始化工具栏选项,而无需重新初始化整个编辑器

CKEditor5 reinitializing the toolbar options programmatically without reinitializing the whole editor

提问人:Tony Ko 提问时间:11/7/2023 更新时间:11/7/2023 访问量:20

问:

使用 CKEditor5,我初始化了一个带有一定数量选项的工具栏。 但是,当选中复选框时,我想只使用更少或更多的工具栏选项重新初始化工具栏,而不会破坏 CKEditor 并再次重新初始化整个编辑器。

有没有办法在javascript / jquery中以编程方式完成?我看到了 ckeditor4 的示例,但没有看到 ckeditor5 的任何内容。

先谢谢你。

以下是我初始化 CKEditor5 的方法:


<html>
<div class="mb-3 row">
            <label class="col-lg-2 col-form-label">Bulletin Text</label>
            <div class="col-lg-10">
                @Html.TextAreaFor(m => m.BulletinText, new { @id = "BulletinText", @style = "display:none;" })
            </div>
        </div>
</html>

<script>
let theEditor;

ClassicEditor
        .create(document.querySelector('#BulletinText'), {
            ckfinder: {
                uploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files&responseType=json'
            },
            removePlugins: ['MediaEmbedToolbar']
            },
            alignment: {
                options: ['left', 'right', 'center', 'justify']
            },
            toolbar: {
                items: [
                    'heading', '|',
                    'bold', 'italic', 'strikethrough', 'underline', 'subscript', 'superscript', '|',
                    'fontfamily', 'fontsize', 'fontcolor', 'fontbackgroundcolor', 'highlight', '|',
                    'link', '|',
                    'bulletedlist', 'numberedlist', '-', //todolist
                    'outdent', 'indent', 'alignment', '|',
                    'horizontalline', 'blockquote', 'inserttable', '|',
                    //'-', //page break
                    'ckfinder', 'imageupload', '|', //'mediaembed',
                    'sourceediting', '|',
                    'undo', 'redo', "specialCharacters"
                ]
            }
        })
        .then(editor => {
theEditor = editor;
            console.log(editor);
        })
        .catch(error => {
            console.error(error);
        });
</script>
javascript html jquery asp.net-mvc ckeditor5

评论


答: 暂无答案