| Info | ||
|---|---|---|
| ||
For the best user experience with the WYSISWYG editor, ensure your browser is updated to the latest version. |
...
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.
...
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 | You can view block level elements such as paragraphs and headings in the editable area. Example:
Go to Insert → Show blocks
| ||
| Code | 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. | ||||||
| Date/Time | 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 | ||||||
| Source code | You can view or edit the code formatting your content. Go to View → Source code or select the Source code icon | |||||
| Special characters | 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.
| |||||
Word and character count | You can check the content's word and character counts. Go to Tools → Word count.
|
| Info | ||
|---|---|---|
| ||
For a reference guide on using the WYSISWYG editor and to see the list of installed plugins, select Help on the toolbar. |
...