Content Management System¶
Manage your own content via your Profile
Overview¶
This feature is not available to end users, other than its possible to view content created by the admin, and comment on it.
Related documentation
Depending on what you are trying to do documentation for the feature is split into the following roles.
- As a developer (restricted)
- As a superuser (restricted)
- As a site administrator
- As an end user (this page)
Requirements
You must have an end user account on a platform that allows you to edit or add content.
Beautiful Rich Text Editor¶
Format text as well as html and add images and videos to sections editable via a WYSIWYG rich text editor via your profile.
Undo & Redo¶
- You can undo changes you have made by clicking the
Undo
icon in the editor. - You can redo changes you have undone (in step 1) by clicking the
Redo
icon in the editor.
Images¶
Add Image¶
- Place your cursor where you would like to add the image within the rich text editor.
- Click on the
Insert Image
icon in the editor.
Drag & Drop¶
- Select
Upload Image
icon. - Drag and drop an image into the window, or click field to upload using file browser, in order to add the image to the content inside the editor.
Add URL¶
- Click the
Link
icon in the upload image popup window. - Enter a specific URL for the image you wish to add.
- Click the blue
Insert
text to add the add the image via the URL.
Note
For security reasons CNXION currently restricts adding images via urls from domains other than the tenant CNXION domain your site is running on. If required please contact CNXION via our support channels in order to add a whitelisted domain where you may link to images.
Replace Image¶
- Click on the image you wish to replace within the rich text editor.
- Click on the
Replace
icon from the popup toolset that appears. - Drag and drop a new image or enter a url to a new image in order to replace it.
Remove Image¶
- Click on the image you wish to remove within the rich text editor.
- Click on the
Remove
icon in the popup toolset that appears.
Style & Format¶
Resize¶
- Click on the image you wish to resize within the rich text editor.
- Click on the
Change Size
icon in the popup toolset that appears. - Enter the dimensions to which you want to resize the image.
- Click the blue
Update
text to resize the image.
Tip
If you add only a single width OR height dimension then the image will be scaled proportionately to that size, respecting the original images aspect ratio. If you add both width AND height dimensions then the image may be disproportionately scaled.
Alternate Text¶
- Click on the image you wish to add alt text to within the rich text editor.
- Click on the
Alternate Text
icon in the popup toolset that appears. - Type the alternate text you wish to display on the page in the case that the image wont load.
- Click the blue
Update
text to add the alternative text to the image.
Tip
Adding descriptive alternative text to images can positively affect the pages SEO rankings.
Caption¶
- Click on the image you wish to add a caption to within the rich text editor.
- Click on the
Image Caption
icon in the popup toolset that appears. - Edit the image caption text that is displayed under the image within the rich text editor.
Link¶
- Click on the image you wish to add a link to within the rich text editor.
- Click on the
Insert Link
icon in the popup toolset that appears. - Enter the URL that you wish to link to when a user clicks on the image.
- Specify whether you want the link to open in the same window or open in a new tab.
- Click the blue
Insert
text to add the link to the image.
Tip
It is best practice to open any links to domains outside of your website in new tabs so a user is not redirected away from your website.
Borders & Shading¶
- Click on the image you wish to add border and shadow styling to within the rich text editor.
- Click the
Wand
icon - Select one OR multiple border and shading options from the drop down list including
Rounded
giving rounded corners to the image,Bordered
adding a subtle border to the image and/orShadow
adding a shadow behind the image.
Alignment¶
- Click on the image you wish to align within the rich text editor.
- Select either
left
,center
orright
alignment for the image.
Wrapping¶
- Click on the image you wish to control text wrapping within the rich text editor.
- Select the
Star
icon. - Select either
inline
to wrap text around an image orbreak text
to display the image and text as separate blocks with no wrapping.
Videos¶
It is possible to paste a video url or embed it with code into pages, blocks and content types such as blog posts using the rich text editor on CMS pages and content items.
Get Vimeo url or embed code for video.¶
- From the video page on vimeo click the
share
link under the video highlighted in the screenshot below. - From the popup window that is displayed either copy the link or the embed code to paste into the editor.
Get Youtube url or embed code for video.¶
- From the video page on youtube click the
share
link under the video highlighted in the screenshot below. - From the popup window that is displayed you can copy the video link (to use in the paste video URL step below) or click the embed link highlighted in the screenshot below to open a new window allowing you to control embed settings and copy embed code.
The popup that is shown after clicking the embed button highlighted above is shown below.
Insert Video¶
Paste Video URL¶
- From the rich text content editor select the video icon, the first icon highlighted is the video url link.
- Paste the video link you wish to add.
- Click the blue
Insert
text link, the video will be inserted into your content.
Embed Video¶
- From the rich text content editor select the video icon
- Click the second embed icon in the popup window.
- Paste the embed code you wish to add.
- Click the blue
Insert
text link, the video will be embedded in your content.
Replace Video¶
- Click on the video you wish to replace within the rich text editor.
- Click on the
Replace
icon from the popup toolset that appears. - Enter a url or embed code to a new video in order to replace it.
Remove Video¶
- Click on the video you wish to remove within the rich text editor.
- Click on the
Remove
icon in the popup toolset that appears.
Style & Format¶
Resize¶
- Click on the video you wish to resize within the rich text editor.
- Click on the
Change Size
icon from the popup toolset that appears. - Enter the dimensions to which you want to resize the image.
- Click the blue
Update
text to resize the video.
Alignment¶
- Click on the video you wish to align within the rich text editor.
- Select either
left
,center
orright
alignment for the video.
Wrapping¶
- Click on the image you wish to wrap text around within the rich text editor.
- Select the
Star
icon. - Select either
inline
to wrap text around the video orbreak text
to display the video and text as separate blocks with no wrapping.