Introduce Image properties equivalent from CKEditor 4 - Githubissues

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.66k stars 3.7k forks source link

Introduce Image properties equivalent from CKEditor 4 #12632

Open KhanGibran opened 2 years ago

KhanGibran commented 2 years ago

📝 Provide a description of the improvement

In the demo of CKE4, on clicking of Image, we are seeing Image Properties Popup. But the same behavior is missing in CKEditor5. Do we have any way to get Image Properties popup on clicking of Image in CKEditor5 like we have in CKEditor4? Do we need to use any plugin for that?

How the feature works now and what you'd like to change?

📃 Other details

Browser: …
OS: …
CKEditor version: …
Installed CKEditor plugins: …

If you'd like to see this improvement implemented, add a 👍 reaction to this post.

Reinmar commented 1 year ago

What do you mean by Image properties popup? And which features of it you think are useful?

Mgsy commented 1 year ago

Recently, we received some feedback about missing Image properties UI:

File manager integrated with the Image Properties dialog

The mentioned missing properties were (I've added my comments to each point):

URL Field - available, see https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/images-inserting.html#inserting-images-via-source-url,
Width field - this attribute is not supported, see feature request here - #5154,
Height field - this attribute is not supported, see feature request here - #5154,
Border - this attribute is deprecated (https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/border),
Hspace - this attribute is deprecated (https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/hspace),
Vspace - this attribute is deprecated (https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/vspace),
target - available, it's possible to use Link image feature (https://ckeditor.com/docs/ckeditor5/latest/features/images/images-linking.html#demo) and create a decorator for handling the target attribute (https://ckeditor.com/docs/ckeditor5/latest/features/link.html#adding-attributes-to-links-using-the-ui-manual-decorators).

Additionally, it includes support for attributes from the Advanced tab:

raq007 commented 1 year ago

+1 to missing image properties listed above and the 'Advanced' tab.