ckeditor5 工具栏在一行还是多行显示配置
需要配置toolbar对象
toolbar: {
items: [
'heading',
'|',
'imageUpload',
'alignment',//2019.12.28 txb增加 对齐
'Highlight',//2019.12.28 txb增加 高亮
'fontSize',//2019.12.28 txb增加 字体大小
'fontFamily',//2019.12.28 txb增加 字体
'fontColor',//2019.12.28 txb增加 字体颜色
'fontBackgroundColor',//2019.12.28 txb增加 字体背景色
'link',
'CodeBlock',//2019.12.29增加代码块
'bold',
'italic',
'underline',//txb 增加
'strikethrough',//txb 增加
'superscript',//txb 增加
'subscript',//txb 增加
'bulletedList',
'numberedList',
'|',
'indent',
'outdent',
'|',
'blockQuote',
'code',
'insertTable',
'mediaEmbed',
'undo',
'redo'
]//,
//shouldNotGroupWhenFull: true //决定了是否时多行还是单行
第二种方式是编译后:
<script type="text/javascript" src="ckeditor.js"></script>
<script src="translations/de.js"></script>
<div id="editor"></div>
<script type="text/javascript">
CKEDITOR.ClassicEditor.create( document.querySelector( '#editor' ),
{
ckfinder: {uploadUrl: "index.php?m=attachment&f=index&v=ckeditor&action=uploadimage&type=Images&responseType=json"},
toolbar:{
items:["bold"],
shouldNotGroupWhenFull: true,//几行显示toolbar
}
})
.then( editor => {
window.editor = editor;
} )
.catch( error => {
console.error( 'There was a problem initializing the editor.', error );
} );
</script>
阅读全文