Insert Images and Files Into Text Editor Fields

The File Manager

There is no menu option within Volunteer Impact for the File Manager. It can be accessed via the “Insert” menu within any Rich Text Editor field.

About the File Manager

You can save images and other files to the File Manager and insert them into Text Editor fields (e.g. Custom Field descriptions, Qualification descriptions, Email body, Volunteer News, etc.).

You can include / exclude any of these settings when creating a new “Limited Admin Role”:

  • Upload, Edit, or Delete files in the rich text file manager
  • Insert images or links to files in the body of an email
  • Insert images or links to files into rich text areas other than email

Upload a File to the File Manager

  1. Edit any Text Editor Field
  2. From the “Insert” menu, select “Insert/edit image” (or “Insert/edit link”)
  3. Click on the “File Manager” icon to the right of the Source field (or URL field if you are in the “Insert/edit link” dialog)
  4. From the “Upload” menu, select “Local machine”
  5. Select the file you wish to upload and click [Open]

Images can be any of the following file types: JPG, JPEG, GIF, PNG. The maximum file size allowed is 4MB. For further details on allowable file types, please see “Valid File Types”.

NOTE:

Care should be taken to upload only appropriate sized images. If a large image is used and then scaled down, this can severely impact the performance of any pages/emails that need to load them.

IMPORTANT:

Anything that is uploaded here and inserted into a Text Editor field is accessible to anyone who can see the field. Sensitive files or documents not intended for a wide audience should not be uploaded to the File Manager.

Manage Files in the File Manager

  1. Edit any Text Editor Field
  2. From the “Insert” menu, select “Insert/edit image” (or “Insert/edit link”)
  3. Check the box corresponding to the image or file
  4. From the “Manage” menu, select the desired option:
    • Cut / Copy / Paste
    • View
    • Edit
    • Rename
    • Download
    • Info
    • Zip
    • Remove
  5. Click the [Close] button to close the File Manager

NOTE:

Deleting or moving of files /images should be done with care. If any emails or Text Editor fields contain a link to these files, that link will be broken if the file is moved or deleted.

Insert an Image Into a Text Editor Field

IMPORTANT:

Do not copy and paste an image directly into a Text Editor field. Upload the image to the File Manager first, then follow the instructions below to insert that image into the Text Editor field from the File Manager.
  1. Edit any Text Editor Field
  2. From the “Insert” menu, select “Insert/edit image”
  3. Click on the “File Manager” icon to the right of the Source field
  4. Check the box below the desired image
  5. Click the [Insert] button
  6. Optionally, enter an “Image description”
  7. Optionally, resize the “Dimensions” of the image
  8. Click the [Ok] button to insert the image into the Text Editor field

TIP:

You can also switch to full screen mode in the Text Editor by clicking the [Fullscreen] button.

Insert a Link to a File Into a Text Editor Field

  1. Edit any Text Editor Field
  2. Optionally, highlight the text you wish to link to the file
  3. From the “Insert” menu, select “Insert/edit link”
  4. Click on the “File Manager” icon to the right of the URL field
  5. Check the box to the left of the desired file
  6. Click the [Insert] button
  7. Edit (or enter) the “Text to display” in the Text Editor field
  8. Edit the “Title” text to display when hovering over the link in the Text Editor field
  9. Select the “Target” when the link is clicked on (“None” (i.e. the same window) or “New window”)
  10. Click the [Ok] button to insert the image into the Text Editor field

NOTE:

This feature is not supported in “legacy” browsers (e.g. Internet Explorer 8, Internet Explorer 9, etc.).

Other Tutorials Related to the File Manager:

Limited Admin Role Permissions

Looking for something else?

Enter your keywords and press Enter.

Can't find what you're looking for? No problem... We're Here to Help!
Submit a support ticket to the Better Impact team