ckeditor5在编辑器宽度不够时,默认会折叠工具栏,效果如下:
可是,客户的要求是,换行,不要折叠工具栏:
其实非常简单,原先的工具栏配置如下:
toolbar: [ 'heading', 'fontFamily', 'fontSize', '|', 'bold', 'italic', 'underline', 'strikethrough', 'fontBackgroundColor', 'fontColor', 'superscript', 'subscript', 'horizontalLine', 'specialCharacters', 'blockQuote', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', 'alignment', 'pageBreak', 'selectAll', '|', 'link', 'imageInsert', 'mediaEmbed', 'insertTable', '|', 'findAndReplace', 'sourceEditing', 'undo', 'redo', 'removeFormat', 'code', 'codeBlock', 'markDown' ],
给它加个shouldNotGroupWhenFull属性,并将toolbar由数组改成对象,即可:
toolbar: { shouldNotGroupWhenFull: true, items: [ 'heading', 'fontFamily', 'fontSize', '|', 'bold', 'italic', 'underline', 'strikethrough', 'fontBackgroundColor', 'fontColor', 'superscript', 'subscript', 'horizontalLine', 'specialCharacters', 'blockQuote', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', 'alignment', 'pageBreak', 'selectAll', '|', 'link', 'imageInsert', 'mediaEmbed', 'insertTable', '|', 'findAndReplace', 'sourceEditing', 'undo', 'redo', 'removeFormat', 'code', 'codeBlock', 'markDown' ] },