Comments (4)
Issue details:
- It reproduces for any content with the following pattern: block element + non-paragraph element that needs autoparagraphing (soft break, text etc) + block element.
- When such content is pasted/dropped into the editor, only the middle part is autoparagraphed, which later causes a positions mismatch inside
ckeditor5/packages/ckeditor5-engine/src/model/utils/insertcontent.ts
Lines 349 to 368 in 39a7791
- If
ImageInline
plugin is loaded, pasted image becomes<imageInline>
instead. Then the whole content goes into an autoparagraph so the positions are correct and the issue does not occur.
I added a failing unit test and images to the imageBlock
manual test for easy issue reproduction at ck/16321-invalid-insert-content
branch.
from ckeditor5.
Hello, thank you for reporting and providing a sample repo. Unfortunately, I wasn't able to reproduce the issue - see the recording below.
Screen.Recording.2024-05-20.at.13.38.55.mov
It would be best if you are able to also send a recording showing the exact use case, so showing the source you are copying the content from, and the editor state when you are pasting it.
from ckeditor5.
recording.webm
I am dragging the content that is in the reproduction page into the editor.
You can see nothing is rendered, until I press a button
from ckeditor5.
Thank you, I can reproduce the problem and will investigate it.
from ckeditor5.
Related Issues (20)
- Consider moving the cell properties menu to the main table properies menu
- Automatic text transformation TS typings are inconsistent with documentation
- The WProofreader SDK Cloud simply does not work the same in different browsers
- How to edit only parts of the html and each part will have ckeditor/toolbar?
- CKEditor displays the code (Insert code block) in one line. HOT 1
- Set image width manually via numeric input field
- Docs issue report from "installation/integrations/react/react.html"
- How to trigger mention suggestion list without white space HOT 2
- Content extending past the margin in Word gets cut short when pasting it into the editor
- htmlSupport does not work HOT 1
- i want to embed twitter, and the link started with x.com
- [Docs] Update filenames in browser builds
- Table caption is not accessible via keyboard navigation HOT 1
- Add insert image integration for menu bar
- Crash Course: Instructions to use CKEditorInspector. It fails to import
- Issue in upgrade CkEditor 5 version to latest one
- Source Editing is not working in Inline Editor HOT 1
- How can I add interactive Html Tags like Button, Input feild inside the Ckeditor5 Content in Angular 17
- CKEditor5 rendering is stripping nested HTML content, providing data loss for user HOT 1
- Docs issue report from "features/converters/import-word/import-word.html"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ckeditor5.