files & pdfs

files & pdfs

  • Creating a Popup Link to a file with JCE Editor Image Manager Extended

    Overview

    This page shows how to create a popup link from an image to a file with JCE Editor Pro's Image Button.  Note: This can also be done in the standard JCE Editor.

    Procedure

    Step 1: Click Insert/Edit Image button (the one with a star)

    JCE Editor Pro: "Insert/Edit Image" button (with star)

    Step 2: Select the image to be linked to the popup

    • Navigate to the folder where the image is located (or, for a new image, where it should be saved) using the "Folders" pane (see #1 below). If you are adding a new image, click the Upload button (see #2 below):

      JCE Editor: Image Manager Extended, "Folders" pane and "Upload" button
    • If you clicked Upload, choose the Browse button at the bottom of the "Upload" window and navigate to the location of the image on your computer (see #1 below). Alternately, you can drag and drop images to the 'Drop files here' area (see #2 below):

      "Upload" popup window

    • Once you have located or uploaded your image, select its filename from the "Name" pane:

      JCE Editor: Image Manager Extended, Select filename

    Step 3: Create the popup link

    • Select the "Popups" tab in "Image Manager Extended" (see #1 below)
    • For "Popup Type," select "JCE Mediabox" (see #2 below)
    • Browse to the folder containing the file that should appear in the popup window (see #3 below)
      • Note that you can upload a new file using the Upload button.
    • Enter a title for the file in the "Title" field (see #4 below)
    • Enter a caption for the file in the "Caption" field (see #5 below)
    • Click Insert once complete (see #6 below)
      JCE Editor: Image Manager Extended, "Popups" tab
    • Save & Close your article.  The image you selected in Step 2, when clicked, will link to a popup window displaying the file you selected in Step 3.

     

  • Creating a Popup Link to a file with JCE Editor Image Manager Extended (Joomla! 4)

    Overview

    This page shows how to create a popup link from an image to a file with JCE Editor Pro's Image Button.  Note: This can also be done in the standard JCE Editor.

    Procedure

    Step 1: Click Insert/Edit Image button (the one with a star)

    JCE Editor Pro: "Insert/Edit Image" button (with star)

    Step 2: Select the image to be linked to the popup

    • Navigate to the folder where the image is located (or, for a new image, where it should be saved) using the "Folders" pane (see #1 below). If you are adding a new image, click the Upload button (see #2 below):

      JCE Editor: Image Manager Extended, "Folders" pane and "Upload" button
    • If you clicked Upload, choose the Browse button at the bottom of the "Upload" window and navigate to the location of the image on your computer (see #1 below). Alternately, you can drag and drop images to the 'Drop files here' area (see #2 below):

      "Upload" popup window

    • Once you have located or uploaded your image, select its filename from the "Name" pane:

      JCE Editor: Image Manager Extended, Select filename

    Step 3: Create the popup link

    • Select the "Popups" tab in "Image Manager Extended" (see #1 below)
    • For "Popup Type," select "JCE Mediabox" (see #2 below)
    • Browse to the folder containing the file that should appear in the popup window (see #3 below)
      • Note that you can upload a new file using the Upload button.
    • Enter a title for the file in the "Title" field (see #4 below)
    • Enter a caption for the file in the "Caption" field (see #5 below)
    • Click Insert once complete (see #6 below)
      JCE Editor: Image Manager Extended, "Popups" tab
    • Save & Close your article.  The image you selected in Step 2, when clicked, will link to a popup window displaying the file you selected in Step 3.

     

  • Creating a Popup Link to an article, file, or image with standard JCE Editor

    Overview

    You can link an image to a popup window that displays a larger version of the same image, another image, a PDF, or even a Joomla! article.

    Option 1: Make a popup link to a Joomla! Article

    button applyThe "Apply Now" button at right is an example of an image that links to an article in a popup window.

    1) Add the button image.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup window.

    2) Link the image to the article.

    1. Select the image you uploaded in Step 1.
    2. Click the Insert/Edit Link button on the editor toolbar:

      Joomla! 3.x: JCE Editor, "Insert/edit Image" button

    3. Under "Search...", click Content (see #1 below).
    4. Click the name of the top-level category that contains the article you want to link to (see #2 below).
    5. If your article is in a subcategory, click the name of the subcategory containing the article.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
    6. Click once on the name of the article you want linked to the button.

      Joomla 3.x: Linking to content

    3) Create the popup.

    1. In the Link window, click the Popups tab (see #1 below).
    2. In Popup Type, choose JCE MediaBox Popups (see #2 below).  (If you do not see the JCE MediaBox Popups, submit a workorder asking us to add the JCE MediaBox Popups plugin to your site).
    3. Select "Internal Links" for the Media Type option (see #3 below).  This will display the article content without the surrounding elements such as the banner and navigation menu.
    4. Click Insert (see #4 below) and then Save & Close the article.
    5. Test the page to check the display.  If the window needs to be a different size, go back to the JCE MediaBox Popups options and adjust Dimensions (see #5 below). The first field after Dimensions is width in pixels; the second field is height in pixels. 

      Joomla 3.x: Link popup window, "Popups" tab

    popup imageOption 2:  Make a popup link to a File or Image

    The "Rutgers Day" image at right is an example of an image that links to a PDF file in a popup window.  If adding a popup to an existing image or file link, skip to step 5.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup windowIf the image already exists in the article, copy the link from the URL field.
    2. Select the image you uploaded in Step 1.
    3. Click the Insert/Edit Link button on the editor toolbar (See screenshot under Option 1, 2b above).
    4. If  the popup will display the full size version of an image that has already been inserted into the article, click it then the Link tool and copy the URL and continue the next step to add the popup.
      Otherwise, in the Link window, look to the right of the URL field for the "Browse" icon (it looks like a tiny piece of paper).  Click it and browse to the image or PDF that should open in the popup:

      Joomla! 3.x: "Link" popup window, "Browse" icon

    5. In the Link window, click the "Popups" tab (see #1 below).
    6. In Popup Type, choose JCE MediaBox Popups (see #2 below).  (If you do not see the JCE MediaBox Popups, submit a workorder asking us to add the JCE MediaBox Popups plugin to your site).
    7. [Recommended] Enter a short description of the image or the file in the "Title" and/or "Caption" fields.
    8. [Optional] Set dimensions for popup (see #3 below). The first field after Dimensions is width in pixels; the second field is height in pixels. (You may want to do this if what will be displayed in the popup is very large).
    9. Click the Insert button (see #4 below).
    10. Save the article.

      Joomla! 3.x: Link popup window, "Popups" tab options

     

  • Creating a Popup Link to an article, file, or image with standard JCE Editor (Joomla! 4)

    Overview

    You can link an image to a popup window that displays a larger version of the same image, another image, a PDF, or even a Joomla! article.

    Option 1: Make a popup link to a Joomla! Article

    button applyThe "Apply Now" button at right is an example of an image that links to an article in a popup window.

    1) Add the button image.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup window.

    2) Link the image to the article.

    1. Select the image you uploaded in Step 1.
    2. Click the Insert/Edit Link button on the editor toolbar:

      Joomla! 3.x: JCE Editor, "Insert/edit Image" button

    3. Under "Search...", click Content (see #1 below).
    4. Click the name of the top-level category that contains the article you want to link to (see #2 below).
    5. If your article is in a subcategory, click the name of the subcategory containing the article.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
    6. Click once on the name of the article you want linked to the button.

      Joomla 3.x: Linking to content

    3) Create the popup.

    1. In the Link window, click the Popups tab (see #1 below).
    2. In Popup Type, choose JCE MediaBox Popups (see #2 below).  (If you do not see the JCE MediaBox Popups, SUBMIT REQUEST asking us to add the JCE MediaBox Popups plugin to your site).
    3. Select "Internal Links" for the Media Type option (see #3 below).  This will display the article content without the surrounding elements such as the banner and navigation menu.
    4. Click Insert (see #4 below) and then Save & Close the article.
    5. Test the page to check the display.  If the window needs to be a different size, go back to the JCE MediaBox Popups options and adjust Dimensions (see #5 below). The first field after Dimensions is width in pixels; the second field is height in pixels. 

      Joomla 3.x: Link popup window, "Popups" tab

    popup imageOption 2:  Make a popup link to a File or Image

    The "Rutgers Day" image at right is an example of an image that links to a PDF file in a popup window.  If adding a popup to an existing image or file link, skip to step 5.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup windowIf the image already exists in the article, copy the link from the URL field.
    2. Select the image you uploaded in Step 1.
    3. Click the Insert/Edit Link button on the editor toolbar (See screenshot under Option 1, 2b above).
    4. If  the popup will display the full size version of an image that has already been inserted into the article, click it then the Link tool and copy the URL and continue the next step to add the popup.
      Otherwise, in the Link window, look to the right of the URL field for the "Browse" icon (it looks like a tiny piece of paper).  Click it and browse to the image or PDF that should open in the popup:

      Joomla! 3.x: "Link" popup window, "Browse" icon

    5. In the Link window, click the "Popups" tab (see #1 below).
    6. In Popup Type, choose JCE MediaBox Popups (see #2 below).  (If you do not see the JCE MediaBox Popups, SUBMIT REQUEST asking us to add the JCE MediaBox Popups plugin to your site).
    7. [Recommended] Enter a short description of the image or the file in the "Title" and/or "Caption" fields.
    8. [Optional] Set dimensions for popup (see #3 below). The first field after Dimensions is width in pixels; the second field is height in pixels. (You may want to do this if what will be displayed in the popup is very large).
    9. Click the Insert button (see #4 below).
    10. Save the article.

      Joomla! 3.x: Link popup window, "Popups" tab options

     

  • Link to Files on Box and Display in Popup

    Get the public link to the Box file

    General:  Be sure there is at least one other co-owner in your unit with full access to the files.

    1. Click the Share button on the right side of the file.
    2. Below Share Link, click the slider button for "Create shared link". Text will change to "Shared link is created" and a URL will appear.
    3. Underneath the URL, change the access from "People in your company" or "Invited people only" to "People with the link". 
    4. If the URL provided will work as it is, click Copy and move on to "Create link to the Box file" section. If a shortened or custom link is preferred, continue with next step in this section.

      box share link setup

    5. [optional]  Click "Link Settings".
    6. [optional] Enter a custom path with no spaces (12-30 characters).
    7. Click Save.
    8. Click Copy to copy the URL to the clipboard for the next step.

    Link to the Box file

    1. In the Joomla article, select the text or image to be linked and click "Insert/edit link" tool.
    2. Paste into the "URL" text box.
    3. Select "Open in new window" for Target. This is standard for links to content on external websites though not used if the link opens in a popup. (See optional "Set the link to open in a popup window" section.)

      link main

    4. Click Insert.
    5. Save and Close.

     

    Set the link to open in a popup window [optional]

    1. While still in the Insert/Edit link window, click the "Popups" tab.
    2. Select JCE MediaBox Popups in the Popup Type field.
    3. Choose External Links/Iframe in Media Type.
    4. Click Update or Save to save changes, whichever appears. If establishing the link initially,  Save will appear.  If the link is being modified, Update will show as the button text.  Both will save settings.

      link jce popup




  • Link to Files on Box and Display in Popup (Joomla! 4)

    Get the public link to the Box file

    General:  Be sure there is at least one other co-owner in your unit with full access to the files.

    1. Click the Share button on the right side of the file.
    2. Below Share Link, click the slider button for "Create shared link". Text will change to "Shared link is created" and a URL will appear.
    3. Underneath the URL, change the access from "People in your company" or "Invited people only" to "People with the link". 
    4. If the URL provided will work as it is, click Copy and move on to "Create link to the Box file" section. If a shortened or custom link is preferred, continue with next step in this section.

      box share link setup

    5. [optional]  Click "Link Settings".
    6. [optional] Enter a custom path with no spaces (12-30 characters).
    7. Click Save.
    8. Click Copy to copy the URL to the clipboard for the next step.

    Link to the Box file

    1. In the Joomla article, select the text or image to be linked and click "Insert/edit link" tool.
    2. Paste into the "URL" text box.
    3. Select "Open in new window" for Target. This is standard for links to content on external websites though not used if the link opens in a popup. (See optional "Set the link to open in a popup window" section.)

      link main

    4. Click Insert.
    5. Save and Close.

     

    Set the link to open in a popup window [optional]

    1. While still in the Insert/Edit link window, click the "Popups" tab.
    2. Select JCE MediaBox Popups in the Popup Type field.
    3. Choose External Links/Iframe in Media Type.
    4. Click Update or Save to save changes, whichever appears. If establishing the link initially,  Save will appear.  If the link is being modified, Update will show as the button text.  Both will save settings.

      link jce popup




  • Linking text to a file already uploaded to Media

    • How to video:

    Overview

    This document explains how to link text to a file that has already been uploaded to Media using JCE Editor Pro.

    If you would like to upload and link to a document at the same time, see: Uploading and linking to PDF files using JCE Editor.

    Procedure

    • First, upload the file using JCE File Browser (JCE Editor PRO)
    • Then, create or edit an article either in the front-end or the back-end
    • In the article text area, type the text that will be linked to the file
    • Highlight the text to be linked to the file
    • Click the Insert/Edit link button on the editing toolbar:

      Insert/Edit Link
    • Click the "Browse" button to the right of the URL field (see #1 below)

      Link dialog box: "Browse" button and "Popups" tab
    • Browse the folder list to the left, then find the file that you uploaded earlier
    • Click once on the name of the file you want to link to
    • Click Insert to the lower right
    • Recommended: Click the "Popups" tab (see #2 above)
      • For "Popup Type" select "JCE MediaBox Popups" (see #1 below)
      • Enter a title for the document in the "Title" field (see #2 below)
      • Click Insert to the lower right (see #3 below)

        "Insert/Edit Link" dialog: "Popups" tab options
    • Click Insert again
    • Click Save & Close
    • Video Included: Video Included
  • Linking text to a file already uploaded to Media (Joomla! 4)

    • How to video:

    Overview

    This document explains how to link text to a file that has already been uploaded to Media using JCE Editor Pro.

    If you would like to upload and link to a document at the same time, see: Uploading and linking to PDF files using JCE Editor.

    Procedure

    • First, upload the file using JCE File Browser (JCE Editor PRO)
    • Then, create or edit an article either in the front-end or the back-end
    • In the article text area, type the text that will be linked to the file
    • Highlight the text to be linked to the file
    • Click the Insert/Edit link button on the editing toolbar:

      Insert/Edit Link
    • Click the "Browse" button to the right of the URL field (see #1 below)

      Link dialog box: "Browse" button and "Popups" tab
    • Browse the folder list to the left, then find the file that you uploaded earlier
    • Click once on the name of the file you want to link to
    • Click Insert to the lower right
    • Recommended: Click the "Popups" tab (see #2 above)
      • For "Popup Type" select "JCE MediaBox Popups" (see #1 below)
      • Enter a title for the document in the "Title" field (see #2 below)
      • Click Insert to the lower right (see #3 below)

        "Insert/Edit Link" dialog: "Popups" tab options
    • Click Insert again
    • Click Save & Close
    • Video Included: Video Included
  • Overview: Where does Joomla store files?

    Overview

    In Joomla!, files such as PDFs and images (jpg, png, etc) are all stored in the "images" directory.  The exception is for files uploaded using a third-party document management extension such as DOCman.  These extensions have their own folder structure within the Joomla! website.

    There are multiple ways to upload these files; follow the appropriate links below.

    Uploading files to the "images" folder

    The Media Manager in Joomla! and JCE Editor Pro both allow you to upload files to the "images" folder.

    Media - for image files (gif, jpg, png, etc).

    JCE Editor File Browser - for PDF files

    Uploading files with third-party extensions

    DOCman, Ignite Gallery, and JEvents are all examples of third-party extensions that allow you to upload files to Joomla!.  The files are stored by the respective components within their own file structures, not the "images" folder.

    DOCman

    Ignite Gallery

    JEvents

  • Overview: Where does Joomla store files? (Joomla! 4)

    Overview

    In Joomla!, files such as PDFs and images (jpg, png, etc) are all stored in the "images" directory.  The exception is for files uploaded using a third-party document management extension such as DOCman.  These extensions have their own folder structure within the Joomla! website.

    There are multiple ways to upload these files; follow the appropriate links below.

    Uploading files to the "images" folder

    The Media Manager in Joomla! and JCE Editor Pro both allow you to upload files to the "images" folder.

    Media - for image files (gif, jpg, png, etc).

    JCE Editor File Browser - for PDF files

    Uploading files with third-party extensions

    DOCman, Ignite Gallery, and JEvents are all examples of third-party extensions that allow you to upload files to Joomla!.  The files are stored by the respective components within their own file structures, not the "images" folder.

    DOCman

    Ignite Gallery

    JEvents

  • Uploading a file using JCE File Browser

    Overview

    When uploading a PDF or non-image format file, use JCE File Browser instead of Media (used for images).  A bug in Joomla! prevents PDF files from being uploaded via Media.

    Procedure

    1. In the Joomla! back-end (Control Panel), go to Components > JCE Editor Pro > Control Panel

      Components > JCE Editor Pro > Control Panel
    2. Click on the File Browsericon:

      JCE Editor Pro "File Browser" icon
    3. Once in the File Browser, look under Folders to the left. 
      • To upload directly to "images," don't select a folder; just proceed to the next step ("Click the Upload icon...")
      • To upload to an existing folder, browse to and select the folder.
      • To upload to a new folder:
        • Browse to the folder where the new folder should be located
        • Click New Folder to the upper right (see #1 below)
        • Enter a name for the folder in the New Folder popup window.  Do not use spaces or any special characters other than a dash ("-")
        • Click Create
        • Click on the new folder you created
    4. Click the Upload icon to the upper right (see #2 below)

      JCE Editor Pro File Browser: "New Folder" and "Upload" icons
    5.  Click Browse to the lower right (see #1 below).
      JCE Editor Pro File Browser: "Upload" window: "Browse" and "Upload" buttons
    6. Select one or more files from your computer, then click Upload (see #2 above).
      1. If you get the message "Upload failed!", the file may already exist.  Delete the current file following the next step (7a), then try to upload it again.
    7. Once a file has been uploaded, you can select it, then do the following:
      1. Delete it - see icon #1 below
      2. Rename it - see icon #2 below
      3. Move it, by selecting "Cut" (see icon #4 below), browsing to another folder, and clicking "Copy" (see icon #3 below)
      4. The "View" icon (#5 below) may not work on PDFs, but should work with images.
        JCE Editor Pro File Browser icons: Delete, Rename, Copy, Cut, View
    8. Note: if you rename, move, or delete a file, any links to those files will no longer work.


  • Uploading a file using JCE File Browser (Joomla! 4)

    • How to video:

    Overview

    When uploading a PDF or non-image format file, use JCE File Browser instead of Media (used for images).  A bug in Joomla! prevents PDF files from being uploaded via Media.

    Procedure

    1. In the Joomla! back-end (Control Panel), go to Components > JCE Editor Pro > Control Panel

      JCE upload
    2. Click on the File Browsericon:

      JCE Editor Pro "File Browser" icon
    3. Once in the File Browser, look under Folders to the left. 
      • To upload directly to "images," don't select a folder; just proceed to the next step ("Click the Upload icon...")
      • To upload to an existing folder, browse to and select the folder.
      • To upload to a new folder:
        • Browse to the folder where the new folder should be located
        • Click New Folder to the upper right (see #1 below)
        • Enter a name for the folder in the New Folder popup window.  Do not use spaces or any special characters other than a dash ("-")
        • Click Create
        • Click on the new folder you created
    4. Click the Upload icon to the upper right (see #2 below)

      JCE Editor Pro File Browser: "New Folder" and "Upload" icons
    5.  Click Browse to the lower right (see #1 below).
      JCE Editor Pro File Browser: "Upload" window: "Browse" and "Upload" buttons
    6. Select one or more files from your computer, then click Upload (see #2 above).
      1. If you get the message "Upload failed!", the file may already exist.  Delete the current file following the next step (7a), then try to upload it again.
    7. Once a file has been uploaded, you can select it, then do the following:
      1. Delete it - see icon #1 below
      2. Rename it - see icon #2 below
      3. Move it, by selecting "Cut" (see icon #4 below), browsing to another folder, and clicking "Copy" (see icon #3 below)
      4. The "View" icon (#5 below) may not work on PDFs, but should work with images.
        JCE Editor Pro File Browser icons: Delete, Rename, Copy, Cut, View
    8. Note: if you rename, move, or delete a file, any links to those files will no longer work.


    • Video Included: Video Included
  • Uploading and linking to files within articles using JCE Editor PRO

    Overview

    JCE Editor PRO features a new "Insert/Edit File" button that can be used to quickly upload and link to a file while editing an article.  For websites with a small number of PDF files, this is a good alternative to DOCman.

    If you anticipate that your website will need to include dozens of files, DOCman is a better option, since it allows you to move and rename documents without breaking any links to them. 

    Procedure

    • Select an article to edit following steps 1-3 of Editing Articles (Joomla! 3.x, front-end) - Basic Editing.
    • Click the "Insert/Edit File" button:"Insert/Edit File" button
    • The "File Manager" popup window appears (see below)
    • Select the folder where the file will be uploaded:
      • To upload to an existing folder, browse to and select the folder (see #1 below)
      • To upload to a new folder:
        • Browse to the folder where the new folder should be located (see #1 below)
        • Click New Folder (see #2 below)
        • Enter a name for the folder in the New Folder popup window.  Do not use spaces or any special characters other than a dash ("-")
        • Click Create
        • Click on the new folder you created
      • Click the Upload icon (see #3 below)

      JCE Editor Pro: Browse to folder, "New Folder" icon, "Upload" icon
    • Upload the file:
      • After clicking Upload, the "Upload" popup window appears (see below)
      • Click Browse to the lower right (see #1 below)
      • Select one or more files from your computer, then click Upload (see #2 below)
        JCE Editor Pro File Browser: "Upload" window: "Browse" and "Upload" buttons
    • Create the link to the file:
      • Select the file you uploaded (see #1 below)
      • Replace the filename in the "Text" field with a short description of the file.  This will appear in your article as text linking to the file (see #2 below)
      • Click Insert to the lower right (see #3 below)

        JCE Editor Pro File Manager: Select file, enter title, click "Insert" button
    •  Your file will appear as linked text within your article.

     

    Example:

    The link to your file will look like:

    pdfCampus Map

  • Uploading and linking to files within articles using JCE Editor PRO (Joomla! 4)

    • How to video:

    Overview

    JCE Editor PRO features a new "Insert/Edit File" button that can be used to quickly upload and link to a file while editing an article.  For websites with a small number of PDF files, this is a good alternative to DOCman.

    If you anticipate that your website will need to include dozens of files, DOCman is a better option, since it allows you to move and rename documents without breaking any links to them. 

    Procedure

    • Select an article to edit following steps 1-3 of Editing Articles (Joomla! 3.x, front-end) - Basic Editing.
    • Click the "Insert/Edit File" button:JCE link
    • The "File Manager" popup window appears (see below)
    • Select the folder where the file will be uploaded:
      • To upload to an existing folder, browse to and select the folder (see #1 below)
      • To upload to a new folder:
        • Browse to the folder where the new folder should be located (see #1 below)
        • Click New Folder (see #2 below)
        • Enter a name for the folder in the New Folder popup window.  Do not use spaces or any special characters other than a dash ("-")
        • Click Create
        • Click on the new folder you created
      • Click the Upload icon (see #3 below)

      JCE Editor Pro: Browse to folder, "New Folder" icon, "Upload" icon
    • Upload the file:
      • After clicking Upload, the "Upload" popup window appears (see below)
      • Click Browse to the lower right (see #1 below)
      • Select one or more files from your computer, then click Upload (see #2 below)
        JCE Editor Pro File Browser: "Upload" window: "Browse" and "Upload" buttons
    • Create the link to the file:
      • Select the file you uploaded (see #1 below)
      • Replace the filename in the "Text" field with a short description of the file.  This will appear in your article as text linking to the file (see #2 below)
      • Click Insert to the lower right (see #3 below)

        JCE Editor Pro File Manager: Select file, enter title, click "Insert" button
    •  Your file will appear as linked text within your article.

     

    Example:

    The link to your file will look like:

    pdfCampus Map

    • Video Included: Video Included
  • Uploading and linking to PDF files using JCE Editor

    Overview

    This page describes how to upload and link to a PDF file using the "Insert link" button.

    To accomplish the same task, but with advanced options, see: Uploading and linking to files within articles using JCE Editor PRO


    1) Find the Link tool.

    Highlight text; select "Insert/edit link" button

    2) Find the Browse button in the Link window.

    • A Link popup window will appear.
    • To the right of the URLfield, click the Browse icon.  It looks like a sheet of paper.

    Click paper icon ("Browse") in Link popup window

    3) Navigate the File Browser.

    • In the File Browser window, browse to the folder where the new file should be stored (see #1 below).
    • Click Upload to the upper right (see #2 below).

    Click File Browser "Upload" button

    4) Upload the file.

    • Click Browse and navigate to the file to be uploaded (see #1 and #2 below).
    • Click Upload (see #3 below).

    Click "Browse," find the file, and click "Upload"

     

    5) Select the uploaded file.

    • Make sure the newly uploaded file is highlighted in the File Browser window and the box to the left of it is checked (see #1 below).
    • Click Insert to the lower right (see #2 below).
    • Click Insert again at the Link popup window.

    Select file and click "Insert"

    6) Save the changes.

    Click Save (or Save & Close in the Joomla! back-end) to save the article.

  • Uploading and linking to PDF files using JCE Editor (Joomla! 4)

    • How to video:

    Overview

    This page describes how to upload and link to a PDF file using the "Insert link" button.

    To accomplish the same task, but with advanced options, see: Uploading and linking to files within articles using JCE Editor PRO


    1) Find the Link tool.

    Highlight text; select "Insert/edit link" button

    2) Find the Browse button in the Link window.

    • A Link popup window will appear.
    • To the right of the URLfield, click the Browse icon.  It looks like a sheet of paper.

    Click paper icon ("Browse") in Link popup window

    3) Navigate the File Browser.

    • In the File Browser window, browse to the folder where the new file should be stored (see #1 below).
    • Click Upload to the upper right (see #2 below).

    Click File Browser "Upload" button

    4) Upload the file.

    • Click Browse and navigate to the file to be uploaded (see #1 and #2 below).
    • Click Upload (see #3 below).

    Click "Browse," find the file, and click "Upload"

     

    5) Select the uploaded file.

    • Make sure the newly uploaded file is highlighted in the File Browser window and the box to the left of it is checked (see #1 below).
    • Click Insert to the lower right (see #2 below).
    • Click Insert again at the Link popup window.

    Select file and click "Insert"

    6) Save the changes.

    Click Save (or Save & Close in the Joomla! back-end) to save the article.

    • Video Included: Video Included