| Info | ||
|---|---|---|
| ||
For the best user experience with the WYSISWYG editor, ensure your browser is updated to the latest version. |
...
| title | Seeing errors when the Editor is loading? |
|---|
Please purge your browser's cache of older files and images for this editor.
...
| title | Need help on how to purge the cache? |
|---|
These instructions are for Chrome but all browsers have similar settings.
1. On your browser, navigate to Settings
2. Select Private and security.
3. Ensure 'Cached images and files' option is ticked. (You do not have to clear your Browsing history and Cookies.) Click Clear data.
When creating a large chunk of content for a page in the CMS, the input field may be a WYSISWYG ('What You See Is What You Get') HTML editor. It allows you to add, edit and format your content to resemble the published version without touching code (although you can access the HTML for further formatting if you wish). The look and feel of it is similar to commonly-used text editors so it will be familiar to you. You will find WYSISWYG editors when working on articles, product details and content in some widgets.
Here is an example of a WYSISWYG editor:
...
The code editor is used for entering or editing HTML, Javascript, CSS or Razor syntax in pages, widgets, custom widgets, and scripts and styles files. In places where file history is kept, there is a compare tool you can use to look at the differences in two file versions.
| Where code editing is done |
|---|
Scripts & Styles |
WYSIWYG editor |
| Pages and widgets |
| Custom widgets |
Features of the Code editor
Apart from the usual text editing functions, here are some helpful features.
| Feature | |||||
|---|---|---|---|---|---|
Anchor | You can insert an anchor at your cursor's insertion point to use with hyperlinks. Go to Insert → Anchor | ||||
Autolink | A hyperlink is automatically created with a valid and complete URL. | ||||
Block View | |||||
| Tip |
|---|
If you are in a block and want to add a new block, use the keyboard shortcut Shift+Enter to move out of the current block. |
Code map
You can add a <code> tag to signal that a chunk of text is (programming) code. It renders as a particular styling recognised by browers.
Highlight text and go to Format → Code.
You can add the current date and/or time.
Go to Insert → Date/Time
Fullscreen
You can switch to/from the editing textbox to fullscreen.
Go to View → Fullscreen
Image Tools
When you're editing an image, the images toolbar will automatically display so you can edit image properties easily.
Media
You can add HTML5 video and audio elements to the editable area and live preview any embedded videos.
Go to Insert → Media
To live preview a video, go to File/View → Preview
Preview
You can preview what your published content will look like.
Go to File/View → Preview
You can print out the content in the editable area.
Go to File → Print
You can view or edit the code formatting your content.
Go to View → Source code or select the Source code icon 
You can insert special characters that cannot be directly accessed from the keyboard.
Go to Insert → Special character...
Table
You can add a table and edit cell/row/column properties easily from selecting the Table menu or icon button on the toolbar. Properties that can be formatted include alignment, borders and background colours.
Paste
You can paste any cut/copied content by using one of the keyboard shortcuts Ctrl X/C/V.
NOTE - for security reasons, accessing the paste function from the toolbar menu may be prevented by your browser.
| Tip | ||
|---|---|---|
| ||
If you want to paste cut/copied text without the styling/formatting in the original, before pasting, go to Edit → Paste as text and select it. Ensure it is ticked before pasting.
|
Word and character count
You can check the content's word and character counts.
Go to Tools → Word count.
| Tip |
|---|
You can also check word count at a glance with the counter on the bottom right edge of the status bar.
|
...
| title | Looking for more help? |
|---|
...
. |
Related help
| Content by Label | ||||||||
|---|---|---|---|---|---|---|---|---|
|
...