/ /

New editor enhancements

Updated 5 hours ago

Overview

The latest release brings five improvements to the New editor, focused on faster inline media handling, better code readability, and more control over page layout. These changes reduce editing time for common tasks and give page authors more flexibility over how content is presented.

Enhancement

What it does

Where you find it

Unsplash in the image block

Inline image blocks can pull free Unsplash photography, with attribution added automatically. Previously cover images only

Image block → Unsplash tab

External files in the file block

The file block can attach files from connected providers such as OneDrive, SharePoint, Google Drive, Dropbox,Box

File block → Browse → Media manager

Code block language and syntax highlighting

The code block gains a searchable language selector and syntax highlighting

Code block toolbar → language control

Multiple file drag and drop

Several files can be dragged in at once; each arrives as its own file block

Anywhere in the editor canvas

Content width and block spacing

A new Page design panel controls how wide the content area is and how much space sits between blocks

Editor toolbar → Page design → Styles

Unsplash images in the image block

What changed

The New Editor has always been able to source a page cover image from Unsplash. From 26.08 the inline image block offers exactly the same Unsplash tab as the cover image, so images can be sourced without leaving the editor.

Attribution is handled for you. When an Unsplash image is inserted, the editor writes a caption beneath it crediting the photographer and Unsplash, with both names linked back to their source. This satisfies the Unsplash licence requirements and means editors do not need to remember to add credit manually.

Adding an Unsplash image to the body of a page

NEE.png

  1. Insert an image block. Either open Add and choose Image under Media, type / and pick the image block, or drag the Image tile from the block panel onto the canvas or add via the slash command

  2. The empty block shows Add an image with four source tabs: Upload, Browse, URL and Unsplash

  3. Select the Unsplash tab. A search field appears above a Most popular gallery, with the helper text "Search for free, high resolution images to use as the cover image."

  4. Type a subject and search, or scroll the popular results, then click the photograph you want

  5. The image is inserted inline and an attribution caption is added automatically, in the form "Photo by <photographer> on Unsplash."

  6. Optionally use the image block toolbar to set alignment and width, replace the image, or add a link.

External file support in the file block

What changed

The inline file block already let editors upload a file from their computer or browse intranet files. All the external providers Simpplr supports are covered — Google Drive, OneDrive, Box SharePoint, Dropbox. Which of them an editor actually sees is driven by the tenant, only providers that have been configured appear as tabs, so the dialog reflects each customer's own integration set rather than showing options that cannot work.

Attaching an external file

NEE1.pngne.png

  1. Insert a file block. Open Add and choose File under Media, type / and pick the file block, or drag the File tile onto the canvas.

  2. The empty block shows Add a file with two actions beneath it: Upload and Browse

  3. Choose Browse, then Open media manager dialog

  4. The Media manager opens with a tab for each available source. In a tenant with both Microsoft integrations configured these are Intranet files, OneDrive files and SharePoint files

  5. Select the provider tab you need, use the site or scope selector and the Search files from this site… field to locate the file, and select it.

  6. Choose Attach. The file is added to the page as a card showing a thumbnail, the file name, the file type and the file size — for example Mental Wellness Benefits.docx — Document · 143.6 KB

Syntax highlighting and language selection in the code block

What changed

The code block existed before this release but treated everything as undifferentiated monospaced text. That is adequate for a shell command and poor for anything longer: engineering teams publishing runbooks, API examples or onboarding snippets on their intranet pages were sharing walls of grey text. In 26.08 the code block gains a language selector and renders the selected language with syntax highlighting.

Choosing a language

NEE2.png

  1. Insert a code block from Add → Text → Code, by typing /, or by dragging the Code tile onto the canvas. The empty block shows the placeholder Write code.

  2. Select the block. The editor toolbar shows Code followed by the current language, which starts at Auto.

  3. Click the language control to open the selector. It opens on a Search for a language… field, with a scrollable list beneath it — Auto (ticked by default), Plain text, Bash, C, C++, C#, CSS, Go and the remaining supported languages.

  4. Type to filter the list, then select a language. The toolbar label updates — for example to JavaScript  and the snippet is re-highlighted immediately.

Multiple file drag and drop

What changed

Dragging several images into the editor at once already worked. Files did not, which meant an editor attaching a set of five policy documents had to repeat the insert-and-browse cycle five times. From 26.08 files behave the same way images always have: select as many as you like in Finder or File Explorer, drag them into the editor, and each one is created as its own individual file block.

How to use it

  1. Open the page in the New Editor and scroll to the point where the files should go.

  2. In Finder or File Explorer, select the files you want. Standard multi-select applies — Shift for a range, Cmd or Ctrl for individual files.

  3. Drag the selection onto the editor canvas and drop it at the position where the files should appear.

  4. Each file is inserted as a separate file block, so every file keeps its own card, name, type and size, and can be moved, reordered or deleted independently.

Content width and block spacing

Why this changed

The old editor allowed maximizing page width globally, but the New Editor replaced this with fixed body text widths to improve readability, restricting individual widening to specific blocks like images and tables.

Nuanced feedback revealed that the ideal layout width depends heavily on the content type and that block spacing significantly affects the reading rhythm. To address both requirements, Release 26.08 introduces two new page-level controls within the Page design panel.

Opening the Page design panel

NEE3.png

  1. Open the page in the New Editor.

  2. Click the Page design icon at the top right of the editor toolbar, to the left of the settings gear.

  3. The panel opens on the Styles tab, alongside a Templates tab. Styles hold the two new controls: Content width and Block spacing.

Content width: Default and Wide

Content width is described in the panel as "Choose how wide the main content area should be" and offers two options.

Option

Behaviour

Default

The behavour the New editor shipped with, and still the default for every page. Text blocks render at the regular reading width. Image, video, table and column blocks can each be set individually to regular, large or full width using the width control on the block toolbar.

Wide

Every block on the page renders at the large width, so body text and media share the same wider measure. Image blocks retain the option to go full width, giving a genuine edge-to-edge treatment on a page that is already wide.

Block spacing: Standard and compact

Block spacing is described as "Choose how much space appears between blocks" and likewise offers two options.

Option

Gap between blocks

Standard

40 px

Compact

24 px

Note:  Both settings apply to the whole page, not to individual blocks, and both are saved with the page. Content width and block spacing are independent of each other, so all four combinations are available.

Related content, files and attachments follow the page

The page-level sections that sit below the authored content  related content, files and attachments — respect the same content width setting as the body of the page. A page set to Wide widens those sections too, and a page left at Default keeps them at the standard width. This was a specific concern during design, because a mismatch between the authored content and the sections beneath it is immediately obvious to a reader and makes a page look broken rather than deliberate.

Choosing a combination

Content width

Block spacing

Typical page

Default

Standard

Policy documents, announcements, long-form written pages. The safest choice and the shipped default.

Default

Compact

Written pages built from many short blocks, such as an FAQ or a set of links with brief descriptions.

Wide

Standard

Pages led by a wide table, a set of columns, or large imagery that still needs room to breathe.

Wide

Compact

Dashboard-style and gallery pages where the goal is to fit as much as possible above the fold.

Was this article helpful?
Subscribe to receive updates on this article