Native lazy-loading is a modern web technology that has been implemented by all major browser vendors in the recent years. It defers loading images until they are scrolled into view and thus reduces the bandwidth needed for a page to be displayed in full.
The Scrivito.ImageTag component is now compatible with browser-level lazy loading by respecting the loading=“lazy” property.
Over the years, Scrivito’s in-place HTML editor has become a bit rusty and has accumulated several small issues so we modernized it!
Editors will notice the new link toolbar for opening the destination of an HTML link even while editing in-place. The second noticeable change is the paragraph format drop-down menu, which combines the mutually exclusive options for headings and pre-formatted text.
We preserved the overall look and feel of the tool so that the editing experience remains the same. Under the hood, however, the new editor rectifies the issues listed below. Note that the new in-place editing features are only available to users of edit.scrivito.com.
As an editor, you can now instantly see how many pages (or images, etc.) have been changed in a working copy simply by opening the “Working Copies” sidebar. Each element on this sidebar is now equipped with such a counter, enabling you to estimate the effort associated with the corresponding working copy.
For more convenience, pages can now also be duplicated from within the hierarchy browser. This eliminates the need to open the page before it can be duplicated in a second step using the corresponding item from the main menu.
The properties of a page or widget can be grouped by means of a propertiesGroups definition in the call to Scrivito.provideEditingConfig. The tabs representing such properties groups in properties views can now be rendered faster by following the React recommendation to make such lists individually identifiable using a unique key. For details, see the documentation.
For improved ease of use, when collaborating using workflows, the editing interface now displays buttons only for those actions that are available to the editor or reviewer.
For enhancing HTML markup as it can be found in attributes of the html type (used by text widgets, for example), the Scrivito.resolveHtmlUrls API method has been provided. It returns the markup passed in from such attributes, but with all internal URLs (pointing to content managed by the same Scrivito CMS) transformed to fully qualified URLs, allowing you to customize, i.e. further process, the markup before rendering it. This way, text fragments can be replaced, special highlighting can be applied, etc., to optimize the usability of your content for editors or visitors.
On properties views of pages (and other types of content) as well as widgets, the attributes to be displayed or made available for editing can now be determined dynamically. If, for example, selecting a specific option using an enum attribute causes other attributes to become irrelevant, they can now be hidden. For this, the list of properties (and also properties groups) to include on properties views can now be provided by means of a callback in the editing configuration concerned.
Custom components can show up either on a sidebar panel or in properties dialogs. Both use individual themes, dark and light respectively. Using the new Scrivito.uiContext method, such components can adapt their styles to their respective environment.
In some cases, HTML attributes in properties dialogs unexpectedly appeared as read-only. Editing rich text in properties dialogs now always works as expected.
Scrivito.ContentTag now handles clicks on links properly even if dangerouslySetInnerHTML has been passed in.
Improvements Color picker for string values representing a color > As a developer, you can now offer a color picker for string values representing a color to editors. Picking a color graphically directly via the Web Builder’s user interface is a lot more convenient than having to switch tools for...
Bugfix Release Fixed TypeScript errors > This release fixes TypeScript errors related to the InPlaceEditAsPageContent component, ensuring proper typing and a better development experience. We apologize for any inconvenience this issue may have caused! Thank you again for using Scrivito!
Improvements Data is updated when the browser window is focused > As a default, the Web Interface Builder now always refetches the relevant data when the browser window is focused. If, for example, you leave the application and return later, the Interface Builder automatically requests the latest...
Bugfix Release String attribute values are now escaped correctly > There was an issue where string attribute values were rendered without proper escaping, causing the browser to interpret them as HTML markup instead of displaying them as plain text. This issue has now been fixed. We apologize for...
If, in your organization or company, content is created and maintained in teams, the Interface Builder’s workflows are an excellent tool for managing the editorial cycle – from authoring through copyediting and reviewing to publishing. With the latest update, editors who want to see their working...
Improvements Smarter page links Scrivito Web Interface Builder now generates cleaner and easier to grasp URLs for page links. The updated slug generation supports a wider range of international scripts and Unicode characters, adheres to modern latinization standards, including ISO 843, ISO/R 9...
Improvements Filled-in data placeholders in “Changes” mode Data placeholders are now replaced with the actual data in “Changes” mode as well, not just in “Preview” and “Edit” mode. Added support for the "ref" prop The WidgetTag, ContentTag, LinkTag, ChildListTag, and ImageTag components now...
Bugfix Releases An issue has been fixed that prevented link queries from being appended when used in a Scrivito.LinkTag component. Furthermore, an issue that prevented navigateTo from properly navigating when provided with an external Link has been fixed. We apologize for any inconvenience these...
Improvements WYSIWYG abbreviation support To meet the highest accessibility standards (WCAG AAA), abbreviations and acronyms need to be clearly recognizable for all readers. Editors can now mark up abbreviations directly in the content using the new “Abbreviation” button in the text toolbar. With...
Celebrating Scrivito’s 50th update! 🔥 We’re thrilled to announce our 50th update to Scrivito Interface Builder! We couldn’t have achieved this without your continued support and feedback. From the introduction of ReactJS integration in version 1.0 seven years ago to the latest enhancements in our...