External Elements

External Elements

External Tools

The External Tools feature in the Loree editor allows users to seamlessly integrate and utilize third-party tools directly within Loree. By linking external tools, users can insert, add, and edit content without switching between different platforms.
NotesExternal Tools only supports LTI version 1.3

Admin Dashboard configuration

  1. All the external tools need to be configured from the admin dashboard.
  2. In the admin dashboard > config page > External tool, all the tools need to be configured.

Currently supporting external tools

1. Kaltura is a video platform that allows users to upload, manage, and share multimedia content within the platform. Refer the document

Notes
To know more integrating Kaltura within Loree, visit our knowledge base article: Kaltura- lti1.3 integration inside Loree
Canvas Studio is a video creation and learning tool that allows users to create, share, and interact with multimedia content directly within Canvas. Refer the document 

Notes
Visit Canvas Studio Configuration Inside Loree to learn more about Canvas Studio.
H5P is an interactive content creation tool that allows users to create and share rich, engaging multimedia experiences such as quizzes, games, and videos. Refer the document
NotesFor more information, visit External tool (H5P) configuration in Loree.

  1. How to Use

    1. Click External Tools from the left panel under Interactive Elements.

    2. Select the linked tool (for example, H5P, Kaltura, or Canvas Studio).

    3. Choose the content you want and click Insert to add it to your page.

    4. To make changes later, click on the inserted content and edit it as needed.


Embed URL

The Embed URL block allows you to easily insert and update iframes directly within the editor. This feature is useful for embedding content such as YouTube videos, maps, external web pages, or any other iframe-supported content.

Steps to follow the embed 

  1. Click the Embed URL option from left navigation bar.
  2. Paste the iframe-supported URL (e.g., YouTube video link, Google Maps link, or any other iframe-based content).
  3. In the "Insert Embed URL" field, paste the iframe code in the following format:

    Info
    <iframe width="560" height="315" src="https://www.youtube.com/embed/kKpLDsVlU4U?si=2Lzq5p7d0pjxNWVB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  4. Enter a title for the embedded content
  5. You can also adjust the height 
  6. Full Width: Check this option to make the embed span the full width of the editor.
  7. Click the "Embed" button to insert the iframe into the editor.
  8. If you need to cancel, click "Cancel" to close the dialog without embedding.
Here is the example of embedding the YouTube video