< back to LVSYS CMS Reference

Short Code Reference

Use short code in body text throughout your website to embed images, videos, documents, scripts and links. This reference provides short code options and examples.

Last updated on 11/1/2012

Short Code Reference

Embedding Images

Base Code ( (img|image-name.jpg) ) 
Options Image Size - Directs the software to use the entered width and height for image size. width=xxx pixels
height=xxx pixels
  Positioning - Directs the software to position/float the image to the left or right of text. float = left or right
  Margins - Directs the software to apply space between the edges of the image and the text. Margins can be defined as a uniform space around all edges; grouped as top and bottom or left and right; or margins can be defined separately all around the image. margin=X pixels (applies a uniform number of pixels all around the image).

margin=V,H pixels (V defines a top and bottom margin in pixels, H defines a left and right margin in pixels).

margin=T,R,B,L pixels
(T=top margin, R=right margin, B=bottom margin and L=left margin). Margins must be defined in this specific order. All expressed in pixels).
Examples ( ( img|myphoto.jpg|float=right|width=160|height=120|margin=5 ) )
Places image sized 160 x 120 to the right of text, with a 5 pixel margin around all edges.

( ( img|myphoto.png|float=left|margin=5,0,2,10 ) )
Places image left of text. Sets a 5 pixel top margin, 0 right margin, 2 pixel bottom margin and 10 pixel left margin.

( ( img|myphoto.gif|height=90|margin=10,15 ) )

Centers an image with a height of 90 pixels. Sets top and bottom margins at 10 pixels; left and right margins at 15 pixels.
Additional Considerations Formats allowed: PNG, GIF, JPEG, and JPG. All others are rejected.
Image name is looked up in the pub/photo folder (Multimedia->Images). Use the exact name in short code or it will not work.

Embedding a YouTube Video

Base Code ( ( youtube|youtube_videoname ) )
Options Dimensions – Directs the software to use the entered width and height for displaying the video. width=xyz pixels

height=xyz pixels
Examples ( ( youtube|youtube_title|width=480|height=385 ) )
Additional Considerations The title is looked up in the Youtube item in Managing Uploads. The title entered in short code must EXACTLY MATCH THE TITLE of the video or it will not work.

The width and height of your video defaults to the youtube video settings in the Youtube section of Managing Uploads. If you prefer different dimensions, Youtube’s default dimensions are 480x385 for a 4:3 video and 640x385 for 16:9 video. Additional recommended Youtube dimensions are 560x340, 640x385, 853x505, and 1280x745.

Embedding a Video File (not Youtube)

Note: a video file can be located either in the pub/video (for Videos) or the pub/doc (for Documents) folders. The software first looks inside the Video folder.

Base Code ( ( video|video_file_name.mp4 ) )
( ( video|video_file_name.flv ) ) 
Options Dimensions – Directs the software to use the entered
width and height for displaying the video.
width=xyz pixels

height=xyz pixels
  Auto Play – Directs the software to not automatically start the video. autoplay=true or false 
  Loop – Directs the software to restart the video automatically
when the video is done playing.
loop=true or false
  Hide Tool Bar – Directs the software to hide the toolbar controls
underneath the video. Use only when Auto Play is on.
toolbar=true or false
Examples ( ( video|your_video_file_name|width=480|height=385 ) )
( ( video|OverviewShort.mp4|autoplay=false|loop=false|toolbar=true ) )
Additional Considerations The name is first looked up in the pub/video folder in the Video section of the Managing Uploada section. If it is not found there, the software looks in the pub/doc folder in the Documents section. The title entered in short code must EXACTLY MATCH THE TITLE of the video or it will not work.

Embedding a Slideshow

Base Code ( (slideshow|slideshow-name) ) 
Options slideshow Size - Directs the software to use fitbox or a cropto styling fitbox=300x200 pixels
cropto=300x200 pixels
  Class - Apply a class to the slideshow other then the system default class class=myclass
Examples ( ( slideshow|MySlideshow|fitbox=160x120|class=MyTestClass ) )
Places slideshow sized 160 x 120 with the CSS class "MyTestClass"

( ( slideshow|MySlideshow|cropto=160x120 ) )
Places slideshow with all images cropped to 160x120 pixels.
Additional Considerations Formats allowed: PNG, GIF, JPEG, and JPG. All others are rejected.
Image name is looked up in the pub/photo folder (Multimedia->Images). Use the exact name in short code or it will not work.

Making a Hyperlink to a Document

Use document short code to embed links in text to your uploaded documents.
Base Code ( ( link|doc=myfile.pdf|text=clickable text ) )
Examples ( ( link|doc=technical specs.xls|text=click here to view tech specs ) )
Additional Considerations Enter the name of your document followed by its extension (.doc, .xls, .pdf, .jpg, .jpeg, png, .gif).
The name entered in short code must EXACTLY MATCH the name of the document in the Documents section of Managing Uploads or it will not work.

Making Hyperlinks

Add link to short code to create links for outside urls, internal urls, internal pages, documents in the pub/doc or pub/photo folders. You can add link in front of the img code to hyperlink your images.
Base Code ( ( link|url, page, document or image name ) )
Examples URLS: 
Add URL to link to a direct URL, or a local 'short url'
( ( link|url=http://somesite.com ) ) or ( ( link|url=my-article-short-url ) )

Internal Page:
Link to a website page from your own website
( ( link|page=home|text=Home Page ) )

Image in Document Folder:
Photo will be looked up in the pub/doc folder before pub/photo
( ( link|doc=myfamilyphoto.jpg ) )

Hyperlink Image:
Create a hyperlinked image in body text
( ( link|img=image name.jpg|url=http://URL to link to|float=right|width=50|height=50 ) )
 
Additional Considerations

If you use link with img, you can also use all the image options (float, margins, width, height).
To open a link in a new window, use window=new after a pipe character.
( ( link|url=http://somesite.com|window=new ) )


You cannot use short code for URLs that contain equals signs ( = ). If you must make a hyperlink to a URL that contains an equals sign, use the text editor option or create a redirected web page instead. Creating a redirected web page

Using Scripts (Html > Scripts)

Use short code to embed Javascript or HTML scripts to add small programs like Google Ads or Google Maps to your website.
Base Code ( ( script|your script name ) )
Examples For different script examples, go to Script Reference.

Using Copy (Html > Copy)

Use short code to embed common HTML web copy in items (articles, products, etc.) on your website. This allows you to create Copy of frequently used information, ie: store hours, restaurant menu, services, etc. and use it throughout your website. 
Base Code ( ( copy|your copy name ) )