The WYSIWYG editor uses TinyMCE as its foundation. As this is used extensively across the web, you get an experience which is familiar and works well across all modern browsers. Anyone who has used even simple word processing software will find the editor to be quick and intuitive.
The editor can have tools added or removed at project level. This is often useful for simplifying the view for newcomers.
Not only does the editor show you a styled preview of your content – when you save and preview content, you see exactly what will be published.
Users who are familiar with HTML can edit the code by using the "edit HTML source" button (Ctrl + \).
Find and replace
If you want to replace a word sitewide, or just within the current editor screen, you can use our find and replace tool.
The track changes feature allows you to see the differences between versions of the same piece of content. This is useful when you want to check what was added in the last version or check what you have changed in the current version.
Hyperlinks can be inserted in multiple ways:
Drag and drop – simply find an item in the navigator and drag it into the page.
Use the toolbar – just click the "insert hyperlink" button. From here you can either search, browse, or enter an external link. Email (mailto) links are also supported.
Right click – the context menu will appear with the option to insert a hyperlink.
Use the CMS search to find content, then simply drag the result into your page.
This principle of multiple ways to carry out an action is present throughout Contensis. We don't try to adapt a user to the way we work, we aim to adapt to the way you work!
As many business terms are shared across an organisation, we provide a custom dictionary. This means that if you have a product name, such as "Contensis", it can be added to the centralised dictionary and will never be queried again.
The standard features you would expect from tools such as Microsoft Word are also present.
The spellchecker has the ability to work in multiple languages, although it defaults to British English.
Inserting images into the editor is very simple. You can either use the image library by clicking the image button in the toolbar, drag and drop images from the navigator, or drag and drop images from the instant search result.
When creating templates in Contensis you can specify at placeholder level what the maximum width and height of images can be. This ensures that when a user inserts an image it will be constrained in a way that makes sense for that template.
As you can see from the screenshot below, creating bespoke tables in Contensis is simple.
The easy-to-use table editor means you don't need any prior knowledge of HTML.
The standard paste, which can also be accessed through CTRL+V, simply pastes whatever you have on the clipboard. If the content has been copied from an Microsoft Office program such as Word, Contensis strips all the 'bad' HTML that Office generates and cleans it up to make it valid HTML.
If you have copied HTML, Contensis ensures that it will not break the compliance of the document, i.e. you can't paste a paragraph within a paragraph, and so Contensis will fix it automatically. If you have images inside the HTML, when you save the page Contensis will check the source of the image, and if it is accessible Contensis will download the image and add it automatically to the image library for you.
If you have copied pure text, it's pasted in as you would expect. If you have pasted from Word, from plain text or pasted HTML code, Contensis will intelligently clean the pasted content.
When you select text within the editor, or leave your cursor within an element, and click the "remove formatting" button it will remove all applied formatting. This includes bold, italic, and underline tags, as well as CSS classes etc.
All standard keyboard shortcuts are available through the WYSIWYG editor, including Ctrl+B (Bold), Ctrl+U (Underline), Ctrl+I (Italic), Ctrl+C (Copy), Ctrl+X (Cut), Ctrl+V (Paste) etc. Having familiar shortcuts helps editors to get used to the new interface. If you press ALT + 0 in the editor, you can view the accessibility page which lists all shortcuts.
One of our guiding principles is that when users are editing content we should guide them through creating an accessible website. Contensis helps to ensure that accessibility is considered during editing. Here are some of the ways the CMS does this:
When you add hyperlinks Contensis prompts you to add a link title. It’s easier to add these as you go along rather than going back to add them later. If you drag and drop a hyperlink, the title will automatically be taken from the content you have chosen.
Within the editor, the CMS checks heading orders and will only allow you to add headers that are appropriate. This feature prevents mistakes at the very start of the editing process and saves hours of time by removing the need to go back and completely reformat a piece of content.
When you upload images into Contensis, you are reminded to enter ALT text for each one.
When creating tables, you have the option to specify table summaries and define heading, rows, or columns. This is essential for creating accessible data tables.
Further checks can be made using the quality assurance module.
When a Contensis website is built, placeholders are created to ensure pages have structure and aid future content creation. When you add a new page, you can choose from the layouts that were designed for your website. This ensures that content follows design guidelines and means that new pages can be created really quickly – even by users with little or no previous web experience.
When developing templates, the developer has the option to restrict the tools available within each placeholder. For example you can create a placeholder, define that it is an image placeholder and that the image inserted has to be constrained. When a user drags an image into the placeholder, they will be provided with options to resize the image using the image editor.
We have pioneered a system for building pages using mini templates. This system allows for a more flexible approach to page templates. It allows the user to build their web pages from components, still within the WYSIWYG editor. Mini templates can simply be dragged and dropped into a page.
If you make a change to a mini template design it will be propagated across the whole site.
You can give users a set of styles to use within Contensis. These can be separated from the styles assigned to the templates, ensuring that your users only have a set number of options when applying styles.
Often changes in look and feel should be achieved using markup rather than styles, but there are cases where this is not possible, and this is where the CSS assignment of style menu comes in.
The format block dropdown allows you to assign headings, paragraphs, and other elements such as block quotes. This means you can automatically style content based on tags to produce great looking content.
When assigning headings, the menu will only give you the option to assign a heading that is accessible.