New Feature
New & Improved Image Cropping UI
The image cropping experience has been completely redesigned for greater flexibility, speed, and creative control. Users can now launch the editor via a new "Edit Image" button, which includes a smooth skeleton loader during initialization.
Key enhancements include:
Aspect Ratio & Shape Cropping: |
Crop freely or choose from preset shapes—square, circle, rectangle, and oval—using a new shape dropdown with Free Crop as set default.
|
Drag-to-Crop: |
You can click and drag to select your crop area quickly and accurately.
|
Flip Options: |
Instantly flip images vertically or horizontally for better layout control.
|
Live Preview & Responsiveness: |
See real-time cropping results that adapt across devices.
|
Non-Destructive Editing: |
Original images are preserved, allowing reset or re-cropping anytime without re-uploading
|
Check out the new Image Cropping Feature in the video below:
Please Note: This feature is available for all image types, including course images, user images, and Loree images. Users can upload new images or copy existing ones using the enhanced image cropping interface. However, this feature is not supported for images added via external links.
Bug Fixes
Anchor Link Behavior Update
- Previously, when users copied and pasted text into the anchor link field, any spaces included in the copied text were preserved. However, since anchor links do not support spaces, this caused links to break or become non-functional.
This has been fixed, and now if a user copies text containing spaces, the system will now automatically trim or replace spaces when inserting it into the anchor link field, ensuring the generated anchor link is valid and functional, even when the copied text includes space characters. This fix improves the reliability of anchor-based navigation and eliminates confusion caused by broken links. Refer to the image below:
Custom Element Insertion Order Fix
- Previously, when users added custom elements using the multiple select option, the elements were not added in the order they were selected, causing confusion and disruption in layout planning.
This issue has now been resolved. Custom elements will now appear in the exact sequence of selection, ensuring a smoother and more predictable authoring experience.
Refer to the image below:
Custom Element Embedding Issue via Multi-Selection
- Previously, when users added custom elements using the multiple select option, certain elements would fail to embed in the editor.
- This issue has now been fixed. All selected elements are now reliably embedded in the editor, ensuring a consistent and complete authoring experience.
- Previously, when users added an image to a Flipcard interactive, a right-side scroll or vertical border would appear even if the image size was small and would fit inside the card and therefore did not require scrolling.
- This issue has now been fixed, and images within Flipcards will now render cleanly without unnecessary borders or scrollbars, ensuring a smoother and more polished user experience.
Line Spacing Issue in Interactives
- Previously, when users added text to any interactive component, unexpected extra spacing would appear in-between lines, even if the user had not manually added it. This often disrupted the visual layout and led to inconsistent formatting.
This issue has now been successfully resolved.
Text added to interactives will now retain the intended line spacing. Refer to the images below.
Before Image:
After Image:
White Space Rendering Fix in Interactives
- Previously, when users created or embedded content using Loree Interactives and added extra space between lines, the editor inserted an empty <p> tag to represent that space. However, this spacing was not rendered correctly in Canvas, leading to missing or collapsed white space in the final output.
This issue has now been fixed by inserting a <br> tag inside each empty <p> tag, ensuring that the line breaks and white space display properly across both the editor and Canvas view.
Refer to the image below:
Left Padding/Space indent Issues for Card-Based Interactives
- In Click and Reveal and Flipcard interactives, a 10-pixel left padding was unintentionally applied to the text content added in preview, affecting alignment and layout consistency and causing confusion.
This bug has now been resolved. These interactives will now render without the unwanted left padding, ensuring proper content alignment and a more balanced visual layout. Refer to the image below:
Please note: Users can always change the Indent Spacing and overall Padding as per their convenience.