ckeditor5-inspector icon indicating copy to clipboard operation
ckeditor5-inspector copied to clipboard

Add an option for inspecting DOM <=> Model/View

Open pomek opened this issue 4 years ago • 3 comments

pomek avatar Jul 09 '21 12:07 pomek

What would it look like?

oleq avatar Jul 13 '21 07:07 oleq

It should provide a possibility to quickly find the place in the editor, that is being watched in the inspector at the given moment, and vice versa. It would useful especially for long documents, where it is hard to "synchronize" the editor content with the inspector.

So the basic functionality would be:

  • Setting the selection in the proper place of the editor and scrolling to it when double-clicking on an element in inspector View/Model.
  • Scrolling to the selection in the inspector when clicking some button(?), like "Go to the selection".

Or maybe it would be enough to implement only the simpler of these solutions?

FYI @jacekbogdanski

magda-chrzescian avatar Jul 13 '21 09:07 magda-chrzescian

I agree that looking for DOM elements based on our model/view can be annoying. CKEditor creates complex structures, and navigating into nested elements consumes some time. An option "Jump to DOM element" from model/view would be awesome.

pomek avatar Jul 13 '21 09:07 pomek