ckeditor5 icon indicating copy to clipboard operation
ckeditor5 copied to clipboard

All of my.ck-dropdown__panel will be obscured by images in the edit area

Open lnmd opened this issue 6 months ago β€’ 2 comments

πŸ“ Ask a question

All of my.ck-dropdown__panel will be obscured by images in the edit area ζˆͺ屏2024-08-18 17 29 48

What is your question? Please be as specific as possible to help us understand it. ζˆͺ屏2024-08-18 17 29 20 Here is my configuration code for editor import { DecoupledEditor as DecoupledEditorBase } from '@ckeditor/ckeditor5-editor-decoupled'; import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'; // δΈ­ζ–‡εŒ… import { Essentials } from '@ckeditor/ckeditor5-essentials'; import { Alignment } from '@ckeditor/ckeditor5-alignment'; import { Bold, Italic, Strikethrough, Underline } from '@ckeditor/ckeditor5-basic-styles'; import { Paragraph } from '@ckeditor/ckeditor5-paragraph'; import { Heading } from '@ckeditor/ckeditor5-heading'; import { Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing } from '@ckeditor/ckeditor5-image'; import { FontSize, FontFamily, FontColor, FontBackgroundColor } from '@ckeditor/ckeditor5-font'; import { Indent, IndentBlock } from '@ckeditor/ckeditor5-indent'; import { BlockQuote } from '@ckeditor/ckeditor5-block-quote'; import { Link } from '@ckeditor/ckeditor5-link'; import { List, ListProperties } from '@ckeditor/ckeditor5-list'; import '@ckeditor/ckeditor5-theme-lark/theme/index.css';

export default class DecoupledEditor extends DecoupledEditorBase { public static override builtinPlugins = [ Essentials, Alignment, Bold, Italic, Strikethrough, Underline, BlockQuote, Paragraph, Heading, Image, ImageCaption, ImageResize, ImageStyle, ImageToolbar, ImageUpload, PictureEditing, FontSize, FontFamily, FontColor, FontBackgroundColor, Indent, IndentBlock, Link, List, ListProperties, ]

public static override defaultConfig = { image: { resizeUnit: 'px' as const, toolbar: [ 'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight', 'toggleImageCaption', ], }, language: 'zh-cn', toolbar: { items: [ 'heading', '|', 'fontfamily', 'fontsize', 'fontColor', 'fontBackgroundColor', '|', 'bold', 'italic', 'underline', 'strikethrough', '|', 'alignment', // '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', 'link', 'blockQuote', 'uploadImage', 'undo', 'redo', ], }, } } I don't know if it's because I didn't introduce some CSS files

lnmd avatar Aug 18 '24 09:08 lnmd