Top Menu

Jump to content
Home
    Modules
      • Projects
      • Activity
      • Work packages
      • Gantt charts
      • Calendars
      • Team planners
      • Boards
      • News
    • Getting started
    • Introduction video
      Welcome to OpenProject Community
      Get a quick overview of project management and team collaboration with OpenProject. You can restart this video from the help menu.

    • Help and support
    • Upgrade to Enterprise edition
    • User guides
    • Videos
    • Shortcuts
    • Community forum
    • Enterprise support

    • Additional resources
    • Data privacy and security policy
    • Digital accessibility (DE)
    • OpenProject website
    • Security alerts / Newsletter
    • OpenProject blog
    • Release notes
    • Report a bug
    • Development roadmap
    • Add and edit translations
    • API documentation
  • Sign in
      Forgot your password?

      or sign in with your existing account

      OpenProject ID Google

Side Menu

  • Overview
  • Activity
    Activity
  • Roadmap
  • Work packages
    Work packages
  • Gantt charts
    Gantt charts
  • Calendars
    Calendars
  • Team planners
    Team planners
  • Boards
    Boards
  • News
  • Forums

Content

Updated by Parimal Satyal almost 3 years ago

**Note:** 1. This work package extends changes to image resizing in CKEditor handled in ticket <mention class="mention" data-id="42197" data-type="work_package" data-text="#42197">#42197</mention>.

### Context **Acceptance criteria**

In 12.2, we changed the * Block images also have resizing behaviour of images in CKEditor such that dragging handles and dropping an image places it at the cursor location and by default:

are freely resizable
* Sets They retain the mode &amp;quot;Resize to inline
* With resize-handles
* Without paragraph helpers
* Captions not enabled

Available actions are:

* Add caption (but this makes the
image block, taking 100% of editor width, whilst neverless retaining 100% of original size when published)
* Change alt text
* Toggle inline vs. centered (block)
* Resize image
to original size size&amp;quot; button

<img class="op-uc-image op-uc-image_inline" style="width:205px;" src="/api/v3/attachments/37016/content">

### Identified problems with current version (12.2)

The current approach has these downsides:

* Resize handles only available
Block images should work like in inline-mode but no paragraph helpers
* Paragraph helpers only available in block/centered mode, but no resize handles
* Adding a caption to an inline image automatically changes mode to centered, which isn&#39;t logical to
the user
* Disabling the caption doesn&#39;t change it back

### Acceptance criteria (for 12.3)

Ideally, we are looking for behaviour consistent with the
first example on this page: demo example: [https://ckeditor.com/docs/ckeditor5/latest/features/images/images-captions.html#demo](https://ckeditor.com/docs/ckeditor5/latest/features/images/images-captions.html#demo)

* Inline images have both resize handles _and_ paragraph helpers
* Inline images can have captions (without switching to block mode)
* Switching to centered only changes position (preserves handles and helpers)
* These actions continue to exist:
* Caption on/off
* Change alt text
* Toggle inline vs. centered
* Resize image to original size
Loading...