How to Use the Text Editor

Available to: Teachers, Students and Frog Admin
The text editor is used within the following Widgets:
  • Text Activity
  • Phrase of the day
  • Text
  • School Notices
  • Notes
When using the Phrase of the day, Text, School Notices and Notes widgets, text can be edited directly on the page. Areas of the text can be highlighted and then formatted using tools located in the Content Panel on the left of the page.
To see an example of the Editor, drag the Text Widget onto a Dashboard or Site.
 htutte1
Text can be typed directly onto the page.
 htutte2
To use the text formatting tools, first highlight the text with your cursor.
 htutte3
Then select one of the formatting buttons on the left.
 htutte4
The selection you make will affect the text on the page.
 htutte5
Formatting Tools
 2014-10-10_1356

How to Add an Image

It is possible to add an image to accompany your text. There are two ways of inserting an image. One is to use the Search Discover  tool and the other is the insert Image tool.
Note: If only an image is required please use the Media Widget.

The Search Discover Tool

Use this option when you would like Frog to search for an image. The results, however, are more limited than searching for an image on the internet yourself, as not every image found on the internet will be listed in Discover.To insert an image, place the cursor where you want to place the image and then click on the Search Discover button.
 htutte24
A window will appear prompting you to type in a short description of the image you are looking for.
 tute025
Type in some text and click the search button.
 tute026
Place your cursor over your chosen image and click on the Use button.
 htutte27
The image will be inserted on to your page. You can double click on the image to change the size and other properties for the image.
 htutte28

The Insert Image Tool

Use this option when you have found an image on another website and would like to use it on your page.
To insert an image, place the cursor where you want to place the image and then click on the insert Image button.
 htutte29
A window will appear prompting you for the URL location of the image file.
 htutte30
Copy the URL of the image. Here is an example of how this is done:
Once you have found your image, right mouse click and select copy image URL.
 htutte31
Next, click back on the Frog VLE tab to go back to the Frog VLE. Right click on the URL input box and select Paste.
 htutte32
Any text entered in the Alternative Text box will be displayed on the screen when the image is hovered over by the user.
 htutte33
You can change the image size here.
 htutte34
Click on the OK button to add the image.
 htutte35
The image is placed in your page. Double clicking on the image allows you to go back and change any of the Image Properties.
 htutte36

How to Add a Table

It is possible to add a table to your text. Tables can be really useful when you want to arrange text and images on you page into rows or columns. To insert a table, place the cursor where you want to place the table and then click on the insert Table button.
 htutte37
A window will appear prompting you to enter the number of Rows and Columns for your table. Click OK continue.
 htutte38
The table will appear on your page with the number of rows and columns specified.
Click and type your text into the cell. Remember you can mix text and images in cells.
 htutte39
To access all the editing options available for the table, place your cursor in a cell and right mouse click. A menu will appear allowing you to copy, paste, insert, delete, merge and split cells. You can also Insert and delete rows and columns and delete the table using this menu.
 htutte40

How to Add an External Link

The text editor allows you to create a link within the text that when clicked on will re-direct the user to an external website.
To insert an external link, place your cursor where you would like to insert the link and click on the Link button.
 htutte41
A window will appear prompting you to type (or paste) the URL into an input box. The URL is the web address of the site or page that is normally displayed at the top of your browser.
 htutte42
The URL will be placed within your text displayed in blue. When the user places their cursor over the text an underline appears indicating to them they can click on the link. Doing so will cause a new tab to open on their browser where the website or page will be displayed.
 htutte43
Note: If you highlight some text first, before clicking on the Link button, the selected word(s) become the link and the URL is hidden to the user.
 htutte44

How to Copy and Paste into the Text Editor

Because of the security settings in your browser, the editor may not be able to access your clipboard data directly. Should you encounter such problems you can use the Paste from Word feature. To do this, place the cursor where you want to insert the content and click on the Paste from Word button.
 htutte45
A window will appear prompting you to paste your selected content into an input box.
Pressing Ctrl+V (or Cmd+V if using an Apple device) will paste the content into the input box.
 htutte46 Note: alternatively you can right click your mouse and select Paste from the pop-up menu. This is particularly useful when copying from a website as more of the original formatting will be kept including images.
 htutte47 Click on OK continue.
 htutte48 The text will be placed on your page.

The Equations Editor

ee001
The Equations editor tool allows you to create mathematical equations like the examples show below.
ee002
Use the editor buttons to create your formula which will appear in the editing area underneath.
ee003
Click the help ee004 button in the editor to learn more on how to use the equations editor.
When you have finished creating your formula, click ee005 to insert it into your page.
 Posted by at 6:24 pm