首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在新行而不是主行中呈现CKEditor5工具栏按钮?

在CKEditor5中,可以通过配置项来控制工具栏按钮在新行而不是主行中呈现。具体步骤如下:

  1. 首先,需要在CKEditor5的配置中添加一个新的工具栏项,用于在新行中呈现按钮。可以使用toolbar配置项来定义工具栏的布局和按钮。
  2. toolbar配置项中,可以使用items属性来定义工具栏按钮的顺序和组合。将需要在新行中呈现的按钮添加到一个新的组中。
  3. 在新的组中,可以使用toolbar配置项的start属性来指定按钮在新行中呈现。将start属性设置为true,表示该按钮将在新行中开始。

下面是一个示例配置:

代码语言:txt
复制
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 );
    } );

在上面的示例中,bulletedListnumberedList按钮被添加到了一个名为newLineGroup的新组中,并且start属性被设置为true,表示该组按钮将在新行中开始呈现。

这样,配置完成后,CKEditor5的工具栏按钮就可以在新行中呈现了。

关于CKEditor5的更多配置和使用方法,可以参考腾讯云的产品介绍页面:CKEditor5产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券