提问人:Tony Ko 提问时间:11/7/2023 更新时间:11/7/2023 访问量:20
CKEditor5 以编程方式重新初始化工具栏选项,而无需重新初始化整个编辑器
CKEditor5 reinitializing the toolbar options programmatically without reinitializing the whole editor
问:
使用 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>
答: 暂无答案
评论