Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue组件内部的CkEditor工具栏配置_Ckeditor - Fatal编程技术网

Vue组件内部的CkEditor工具栏配置

Vue组件内部的CkEditor工具栏配置,ckeditor,Ckeditor,有没有人知道,这个数组中的名称是什么,来配置CkEditor的工具栏。与文档中一样,您可以简单方便地配置工具栏,如下所示: editorConfig: { toolbar: [ 'bold', 'italic', '|', 'paste' ] }, 唯一的问题是,数组中的那些名称隐藏得很好。我已经查找了一个小时,但在组件的数据元素中找不到任何有关编辑器配置的内容。在神秘的config.js文件中有大量的示例,但不知道这些示例放在哪里。所以我坚持这一点 任何地方的人都

有没有人知道,这个数组中的名称是什么,来配置CkEditor的工具栏。与文档中一样,您可以简单方便地配置工具栏,如下所示:

    editorConfig: {
      toolbar: [ 'bold', 'italic', '|', 'paste' ]
    },
唯一的问题是,数组中的那些名称隐藏得很好。我已经查找了一个小时,但在组件的
数据
元素中找不到任何有关
编辑器配置的内容。在神秘的
config.js
文件中有大量的示例,但不知道这些示例放在哪里。所以我坚持这一点

任何地方的人都知道这些名字是什么吗?

这个例子将有助于:

            editor: ClassicEditor,
            editorData: 'ckeditor 5 for laravel and vuejs',
            editorConfig: {
                toolbar: {
                    items: [
                        'heading',
                        '|',
                        'bold',
                        'italic',
                        '|',
                        'bulletedList',
                        'numberedList',
                        '|',
                        'insertTable',
                        '|',
                        'imageUpload',
                        '|',
                        'undo',
                        'redo'
                    ]
                },
                image: {
                    toolbar: [
                        'imageStyle:full',
                        'imageStyle:side',
                        '|',
                        'imageTextAlternative'
                    ]
                },
                table: {
                    contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
                },
            },