#3899 - A means to include spacing for photos in editor (Feature Request)

By Anomalous1
Added 9th Oct 2019, 5:36 AM
10 views

Identifier	#3899
Issue type	Feature request or suggestion
Title	A means to include spacing for photos in editor (Feature Request)
Status	Closed (duplicate)
Tags	Roadmap: v11 (custom) Skills: Graphic design (custom)
Handling member	Salman
Addon	news
Description	I do not know what the core for the editor is, but would it be possible to add a feature to allow for the introduction of spacing between photos inserted into the news content and the actual text itself ... perhaps a border type feature where a certain number of pixels could be added as blank space to separate the photo from the text? Perhaps even options to add pixels of space on the top, bottom, left and right sides of the photo independently? An updated content editor UI perhaps?
Steps to reproduce	Non-Applicable
Related to	#3769 - Reconsider how media images are handled
Funded?	No

The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".

Rating

Unrated

Comments

By Guest posted 9th Oct 2019, 9:08 AM

I have assigned this to Salman for v11 so he can review current usability.

While I don't think we should be adding pixel/border-level specificity, it should be easy, even default, for things to space nicely.
With current attachment options (if simplified attachment UI is not turned on) it should already be possible to set reasonable spacing and alignment. If simplified attachment UI is turned on it should at least be sane.
But, attachments are a complicated negotiation between 3 different use cases - proper content authoring, simple attaching for collaboration, standalone image posting. And a negotiation between Comcode and full WYSIWYG HTML authoring - and here sane HTML could potentially be getting mangled.

I wrote the attachment code, so Salman should be able to review with a fresh perspective.

By Guest posted 9th Oct 2019, 9:09 AM

Also Anomalous1 if you could put up a video somewhere illustrating your problem, it would help us get a better perspective.

By Guest posted 9th Oct 2019, 10:14 AM

When adding the article, there is an image editor popup that allows me to narrow it down to a reasonable size. However, there is no option to create any open space to the right or to the bottom of the article so that the image is separated from the text by a few pixels. In short, the text is "connected" with no empty pixels between the text and the image. It would be nice if there were a default spacing to the right to keep the image and text separate, or nicer still if there was an option to include empty space by pixel count on the right and bottom at least, or perhaps on all four sides in case the photo is wrapped in different positions.

Thus, the photo editor or image editor may have an option to create a space included "X" number of pixels. I included a shot of a JCE Editor which shows how the positioning of the photo also has an option for blank spaces or pixels around the photo, with individual boxes for top, bottom, left and right. A number can be inserted and that many pixels will then separate the image from the text.

I hope that makes sense :/

I cannot even begin to imagine the complexities of coding for such an amazing CMS ... my cousin can but he says I should just be grateful ... VERY GRATEFUL ... for the masterpiece that is COMPOSR.

By Guest posted 9th Oct 2019, 10:14 AM

By Guest posted 16th Feb 2021, 4:08 PM

JCE Editor is interesting. It's based on TinyMCE. Thanks for the screenshots.

We're pretty much committed to CKEditor, and committed in not getting actively involved in CKEditor development.
The version 4 we use (probably) reaches end of life in a couple of years, and we'll need to either upgrade to CKEditor 5 - which loses the ability to edit arbitrary HTML, something we currently rely on - and has a non-Open Source license - or we'll need to choose a new editor. So maybe we will revisit the WYSIWYG decision, but for now there's nothing going to happen there other than maintaining our CKEditor integration.

That said, I have just handled having a default image margin via #3769. You don't get to edit individual edges or specify pixels as it comes in from a CSS class, but it should work for most users. More advanced users can always edit the HTML/CSS by hand.