Insert objects

Using the Text Editor, you can insert images, videos, tables and links to documents, and more in the text.

To do this you use the following toolbar function, which is displayed as a button in the toolbar of the text editor:

Button
Quick info text 

Procedure

Image Manager (CTRL+G)

Use this function to insert an image in the text of the text editor.

  1. Place the cursor where you want the image to appear.
  2. Click Image Manager in the toolbar or press CTRL+G.
    The Select an image window appears where you choose between the following:
    • Select images from already uploaded
      The system displays recent images.
      1. In the right side of the window, select the library where the image you want to display is located.
        The system displays all images and libraries in this library.
        You can display all uploaded images by clicking All images.
        For more information, see Images.
      2. Click the image you want to display.
      3. Click Done.
    • Upload image
      1. To upload an image, drag and drop it in the window or click Select image from your computer, browse your computer to find the image you want to upload and click Open.
        You can select and display only one image.
      2. In Library, select the library where you want to put the image, by clicking Change.
        The tree with all created libraries appears. Select the library and click Done.

        NOTE: If you want to store the image in a new library, you must create it. To do this, click Create new library.

      3. You can change the Title of the image.
      4. In Alternative text input field, enter text that is used for accessibility reasons and by search engines.
      5. Change the categories and the tags which the image is assigned to, by clicking Categories and tags.
        For more information, see Add categories and tags to content items.
      6. If you have added any custom fields for images, all created fields, appear after the Categories and tags section.
        For more information about creating custom fields and hiding default fields, see Overview: Custom fields

        NOTE: Some of the above fields may not be displayed when you upload an image, if the view has been modified. To modify the view, click Administration » Settings » Advanced » ContentView » ImagesBackend » Views » SingleImageUploadDetailsView » Sections.

      7. Click Upload.
  3. To change the selected image, click Change image button and perform Step 2.
  4. To edit the image, click Edit all properties.
    The Edit image window opens. Perform procedure Edit images.
  5. You can Crop/Resize/Rotate… the selected image.
    The Edit image window opens.
    1. Use the button to crop, resize or rotate by 90 degrees the image.
    2. When finished editing the image you can save the changes by clicking Save or save the edited image as a new image by clicking Save as and entering a new name.
  6. Choose how to align the image in the text editor.
  7. If you want to display the image in size different than its original size, in Image size, select the width to which you want to resize the image.
    In the dropdown box, all predefined image sizes appear. For more information, see Thumbnails.
    If you select Custom size… you can create a custom thumbnail by performing procedure Thumbnails » Step 4 to Step 10.
  8. Expand Margin.
    Enter in pixels the margins that you want to surround the image when displayed on the site.
  9. If you want the user to be able to view the image in its original size by clicking it, select the Clicking the resized image opens the image in its original size checkbox.
  10. When you are finished, click Save.
    The Image window closes and the Image widget is configured to display the image you have selected.

NOTE: To delete an already inserted image, in the text editor, click the image and press the DELETE key on your keyboard.

NOTE: The above toolbar function is displayed in the toolbar of the text editor in basic mode. If you need to insert other objects, click More formatting options button in the upper-right corner of the editor.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?