Skip to content

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.

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

  1. You can undo changes you have made by clicking the Undo icon in the editor.
  2. You can redo changes you have undone (in step 1) by clicking the Redo icon in the editor.

Undo Changes


Redo Changes


Images

Add Image

  1. Place your cursor where you would like to add the image within the rich text editor.
  2. Click on the Insert Image icon in the editor.

Add Image


Drag & Drop
  1. Select Upload Image icon.
  2. 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 Image via Upload


Add URL
  1. Click the Link icon in the upload image popup window.
  2. Enter a specific URL for the image you wish to add.
  3. Click the blue Insert text to add the add the image via the URL.

Add Image via 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

  1. Click on the image you wish to replace within the rich text editor.
  2. Click on the Replace icon from the popup toolset that appears.
  3. Drag and drop a new image or enter a url to a new image in order to replace it.

Replace Image


Remove Image

  1. Click on the image you wish to remove within the rich text editor.
  2. Click on the Remove icon in the popup toolset that appears.

Remove Image


Style & Format

Resize
  1. Click on the image you wish to resize within the rich text editor.
  2. Click on the Change Size icon in the popup toolset that appears.
  3. Enter the dimensions to which you want to resize the image.
  4. 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.

Resize Image


Resize Image


Alternate Text
  1. Click on the image you wish to add alt text to within the rich text editor.
  2. Click on the Alternate Text icon in the popup toolset that appears.
  3. Type the alternate text you wish to display on the page in the case that the image wont load.
  4. 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.

Add Image Alt Text


Add Image Alt Text


Caption
  1. Click on the image you wish to add a caption to within the rich text editor.
  2. Click on the Image Caption icon in the popup toolset that appears.
  3. Edit the image caption text that is displayed under the image within the rich text editor.

Image Caption


Add Image Caption


  1. Click on the image you wish to add a link to within the rich text editor.
  2. Click on the Insert Link icon in the popup toolset that appears.
  3. Enter the URL that you wish to link to when a user clicks on the image.
  4. Specify whether you want the link to open in the same window or open in a new tab.
  5. 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.

Image Link


Insert Image Link


Borders & Shading
  1. Click on the image you wish to add border and shadow styling to within the rich text editor.
  2. Click the Wand icon
  3. 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/or Shadow adding a shadow behind the image.

Image Style


Alignment
  1. Click on the image you wish to align within the rich text editor.
  2. Select either left, center or right alignment for the image.

Align Image


Wrapping
  1. Click on the image you wish to control text wrapping within the rich text editor.
  2. Select the Star icon.
  3. Select either inline to wrap text around an image or break text to display the image and text as separate blocks with no wrapping.

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.

  1. From the video page on vimeo click the share link under the video highlighted in the screenshot below.
  2. From the popup window that is displayed either copy the link or the embed code to paste into the editor.

Embed Vimeo video


Embed Vimeo video get link


Get Youtube url or embed code for video.

  1. From the video page on youtube click the share link under the video highlighted in the screenshot below.
  2. 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.

Embed Youtube cideo get link


Embed Youtube video get link


The popup that is shown after clicking the embed button highlighted above is shown below.

Embed Youtube video get link popup


Insert Video

Paste Video URL
  1. From the rich text content editor select the video icon, the first icon highlighted is the video url link.
  2. Paste the video link you wish to add.
  3. Click the blue Insert text link, the video will be inserted into your content.

Embed video paste url


Embed Video
  1. From the rich text content editor select the video icon
  2. Click the second embed icon in the popup window.
  3. Paste the embed code you wish to add.
  4. Click the blue Insert text link, the video will be embedded in your content.

Embed video paste embed code


Replace Video

  1. Click on the video you wish to replace within the rich text editor.
  2. Click on the Replace icon from the popup toolset that appears.
  3. Enter a url or embed code to a new video in order to replace it.

Replace Video


Remove Video

  1. Click on the video you wish to remove within the rich text editor.
  2. Click on the Remove icon in the popup toolset that appears.

Remove Video


Style & Format

Resize
  1. Click on the video you wish to resize within the rich text editor.
  2. Click on the Change Size icon from the popup toolset that appears.
  3. Enter the dimensions to which you want to resize the image.
  4. Click the blue Update text to resize the video.

Resize Video


Resize Video Dimensions


Alignment
  1. Click on the video you wish to align within the rich text editor.
  2. Select either left, center or right alignment for the video.

Align Video


Wrapping
  1. Click on the image you wish to wrap text around within the rich text editor.
  2. Select the Star icon.
  3. Select either inline to wrap text around the video or break text to display the video and text as separate blocks with no wrapping.

Wrapping