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.
Selecting all changes in a working copy Selectively publishing changed content has become more efficient in situations where an editor needs to move all or almost all pieces of content to a different working copy. For example, if you need to publish just a couple of pages and move the majority of...
Selectable date display format Editors can now choose whether dates such as the publishing date of working copies in the “History” sidebar are displayed as absolute or relative values, e.g., as “Feb 23, 2023, 11:15 AM” or “Three days ago”, respectively. For this, a corresponding item was added to...
SDK uses edit.scrivito.com exclusively Scrivito’s always up-to-date editing interface, edit.scrivito.com, is now always used for editing. It lets editors benefit from improvements from the moment they are made available. If your app already uses edit.scrivito.com, you can skip this point, of...
After receiving feedback from power users, we’ve extended the date and time editing options. Manual date input Some editors need to provide many dates in their daily work. For these users, pointing and clicking again and again becomes tiresome after a while. With the new option to specify a date...
Sometimes, a section or subsection of a website becomes obsolete, for example, if a product is no longer sold, or part of the documentation isn’t needed anymore. In this situation, you can still delete the pages one by one, starting at the lowest hierarchy level of the section concerned, but you...
We made the editing interface more attractive and user-friendly by brushing up its icon set. The icons are now easier to distinguish and more consistent in style. Some details have been removed from them so that the buttons work better for more editors, especially those with lower resolution...
Adding users to a working copy has become easier. The “Collaborators” selection box now also includes editors whose email address matches the search term. In the German-language Scrivito UI, you can now enter floating numbers in the standard German format, in which a comma instead of a period is...
Server-side access to restricted content via Node.js You can now also access restricted Scrivito content on a server, e.g. for archiving your website content. For this, the apiKey option was added to Scrivito.configure . See also Using Scrivito with Node.js. Scrivito = require("scrivito")...
The behavior of the “Publish” buttons in Scrivito’s editing interface has been improved and aligned: All of these buttons now directly open the confirmation dialog which now also includes a button for opening the “Changes” list and getting an overview of the content that was altered. Thank you...
The active Content Browser tab is preserved The Content Browser sometimes prevented editors from quickly inspecting the properties of multiple objects one after the other. When the user selects another object of the same type, the active tab now remains open. Thank you for using Scrivito! Please...