Inserting a File

A file can be inserted into an article as a link that the visitor can click on to view and access, or for certain file types, embedded with an iframe which can be viewed directly in an article.

Insert a File as a link

A file link can be inserted onto an existing selection - such as text or an image - or inserted at any point in the editor.

If the selection is an element, such as an image, additional File Manager options will not be available for the link. If the selection is text, the Text field will be filled with the selection.

  1. Select the file in the File Browser window of the File Manager dialog by clicking on its name.
  2. The URL, Text, Date and Size fields will be filled with the relevant properties of the file. If the link is being applied to a text selection, the option of overwriting this text with the file name will be given.
  3. Set the Format option to Link.
    Select the Format option
  4. If you would like the file to be opened with an external service when clicked, such as Google Docs Viewer or Microsoft Office Apps Viewer, set the required option from the Open With list. Some file document file types - doc, docx, xls, xlsx, ppt, pptx - cannot be opened by the browser and may require an external service to view them. If an external service is not selected, the browser will prompt to download the file.

    Use of the Google™ Docs Viewer is subject to the Google Terms of Service

  5. Select options for the link by checking the Icon, Size and Date boxes and re-order their positions in the link by dragging their boxes from left-to-right / right-to-left.
    Select and order link options
  6. Select the Target (where the link will open when clicked) if required. If the file is intended as a download, select the Download option.
    Select the link target
  7. Click the Insert button to create and insert the link.

Insert a file as a Popup Link

If JCE MediaBox, or another supported popup extension is installed, a "lightbox" popup link can be created for the selected file.

  1. Follow the instructions above for inserting a file as a link.
  2. Click the Popups tab and select a Popup Type, eg: JCE MediaBox Popups.
    Select a popup type
  3. Set any other popup options as required such as the Dimensions (width x height).
  4. Click Insert.

Embed a File

If content, such as text or an image, is selected in the editor, it will be replaced with the embedded file.

  1. Select the file in the File Browser window of the File Manager dialog by clicking on its name.
  2. Set the Format option to Iframe.
    Set the Format option to iframe
  3. Some file document file types - doc, docx, xls, xlsx, ppt, pptx - cannot be opened by the browser and may require an external service to view them. If you would like the file to be opened with an external service, such as Google Docs Viewer or Microsoft Office Apps Viewer, set the required option from the Open With list. If an external service is not selected, the browser may prompt to download the file, depending on the file type.

    Use of the Google™ Docs Viewer is subject to the Google Terms of Service

  4. When the Iframe option is selected, options for the iframe display will be shown, including the Dimensions (width and height), Alignment and Margin. When embedding a file, the Dimensions should always be set in pixels. If no dimensions are set, the default values of 640px x 480px will be usedSet the embed options for the file
  5. Click the Insert button to embed the file.