Skip to main content Skip to navigation

Introduction to the Components Editor

The Components Editor is an evolution of the old visual editor, for editing the content of web pages within SiteBuilder. It's based on components, such as images, news feeds and layout blocks. You can add components to a page along with text and tables, configuring and repositioning the components as necessary.

We welcome your feedback, which we'll use to make improvements - please use the dedicated form, accessed via the Give feedback button at the top of the editor.

In this article:

Accessibility

The need for Warwick to comply with accessibility legislation and improve the accessibility of existing content on the website drove the development of the Components Editor. The editor provides an accessibility pane which details issues with the content on your page as you edit it, along with options for fixing them. We will expand the range of issues the editor can detect in future releases, but it's not possible to automatically detect all issues so manual checking is also necessary - see our accessibility checklist.

Main differences from the old visual editor

The Components Editor has options, icons, settings and functionality that will be familiar to you from the old visual editor. The main differences are:

  • How content is handled - the Components Editor handles and stores content differently from the old visual editor. This means that pages created for the old visual editor need to be converted (see below) before they can be edited with the Components Editor. A page edited with, or created for, the Components Editor cannot then be edited with the old visual editor or the raw editor.
  • Page layouts - you can create and rearrange your own page layouts by adding and repositioning components.
  • Right-hand content - there is no right-hand content that must be edited separately. Separation of content is achieved through layout blocks, so you can edit the entire page in the same place.
  • Page history - previous versions of a page include the contents of components. In the old visual editor, there is no history for content blocks used in layouts.
  • HTML - there is no access to edit the HTML for an entire page, as there is with the old visual editor or the raw editor. Instead, the Components Editor provides:
    • A pop-up window to edit the page's <head> content. You can use this to add your own <script>, <link> and <meta> tags.
    • A pop-up HTML viewer, to see all the HTML between the page's <body> tags.
    • A Custom HTML component, which you can add to a page along with other components, or have as the only component on the page.

Creation of new pages for editing with the Components Editor

When you create a new blank page, you have the choice of creating it for editing with the Components Editor or the old (classic) editor. If you instead use a SiteBuilder page template other than the blank one, your choice of editor determines what you can use to edit the surrounding content of the page. Note that some page templates available for the old (classic) editor are available as components in the Components Editor.

Conversion of existing pages for editing with the Components Editor

You can convert pages that you currently edit using the old visual editor or raw editor so that they're editable using the Components Editor instead. This process automates, as far as possible, converting the page content into a format editable within the Components Editor. You can then see how your content looks, make changes and preview the page before publishing it, which completes the conversion process. Selecting Cancel within the Components Editor cancels the page conversion.

Important: once you convert and publish a page using the Components Editor it is not possible to edit the page using the old visual editor or the raw editor. This is highlighted in the Components Editor before you publish. Pages that are not published using the Components Editor are unaffected and you can continue to edit them with the old visual editor or raw editor.

After a page is converted, you can use SiteBuilder's History tab to view previous versions of it, as usual, but can only restore versions published using the Components Editor.

Support

Email webteam at warwick dot ac dot uk
How to report a problem