在CKEditor5中,可以通过配置项来控制工具栏按钮在新行而不是主行中呈现。具体步骤如下:
toolbar
配置项来定义工具栏的布局和按钮。toolbar
配置项中,可以使用items
属性来定义工具栏按钮的顺序和组合。将需要在新行中呈现的按钮添加到一个新的组中。toolbar
配置项的start
属性来指定按钮在新行中呈现。将start
属性设置为true
,表示该按钮将在新行中开始。下面是一个示例配置:
ClassicEditor
.create( document.querySelector( '#editor' ), {
toolbar: {
items: [
'heading',
'|',
'bold',
'italic',
'link',
'|',
{
name: 'newLineGroup',
items: [ 'bulletedList', 'numberedList' ],
start: true
},
'|',
'undo',
'redo'
]
},
language: 'en'
} )
.then( editor => {
console.log( 'Editor was initialized', editor );
} )
.catch( error => {
console.error( error.stack );
} );
在上面的示例中,bulletedList
和numberedList
按钮被添加到了一个名为newLineGroup
的新组中,并且start
属性被设置为true
,表示该组按钮将在新行中开始呈现。
这样,配置完成后,CKEditor5的工具栏按钮就可以在新行中呈现了。
关于CKEditor5的更多配置和使用方法,可以参考腾讯云的产品介绍页面:CKEditor5产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云