ckeditor / ckeditor5

Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.
https://ckeditor.com/ckeditor-5
Other
9.33k stars 3.68k forks source link

ImageToolbar not shown #16316

Open masterwto opened 4 months ago

masterwto commented 4 months ago
import CKEditor from '@ckeditor/ckeditor5-vue';
import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic';
import { Heading } from '@ckeditor/ckeditor5-heading';
import { Bold, Italic, Superscript, Subscript } from '@ckeditor/ckeditor5-basic-styles';
import { List } from '@ckeditor/ckeditor5-list';
import { Font } from '@ckeditor/ckeditor5-font';
import { Image, ImageCaption, ImageToolbar, ImageUpload } from '@ckeditor/ckeditor5-image';
import { Base64UploadAdapter } from '@ckeditor/ckeditor5-upload';
import { BlockQuote } from '@ckeditor/ckeditor5-block-quote';
import { Table } from '@ckeditor/ckeditor5-table';
import { Undo } from '@ckeditor/ckeditor5-undo';
import { Markdown } from '@ckeditor/ckeditor5-markdown-gfm';

const config = {
    name: 'classic',
    plugins: [
        Heading, Bold, Italic, Superscript, Subscript, List, Font,
        Image, ImageCaption, ImageToolbar, ImageUpload, Base64UploadAdapter, BlockQuote, Table, Undo, Markdown,
    ],
    toolbar: [
        'heading', '|', 'bold', 'italic', 'superscript', 'subscript', '|', 'bulletedList', 'numberedList', '|', 'fontColor', 'fontBackgroundColor', '|',
        'imageUpload', 'blockQuote', 'insertTable', '|', 'undo', 'redo',
    ],
    image: {
        toolbar: ['toggleImageCaption',],
    },
    table: {
        contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties',],
    },
};

The imageToolbar doesn't work when an image is inserted and selected. What should I do ?

Heiman0121 commented 2 months ago

I have the same issue in craftcms