TinyMCE Editor

The TinyMCE editor provides a 'Word-like' interface that can sometimes be easier to use than the default editor. Here are some highlighted features that might make your life easier when creating content or activities on Moodle using this editor.

Easy Table Creation

• Create tables easily: The editor offers a familiar interface similar to Google Docs or Microsoft Word, allowing you to draw tables and instantly visualise their size.

• Edit tables with ease: Effortlessly add or remove columns/rows, and merge/split cells in existing tables.

• Customise table properties: Adjust table properties such as border, alignment, and color in a user-friendly interface, no coding required.

Easy to insert code sample/snippets

• Simple Code Insertion: Easily add code samples/snippets into Moodle content with just a few clicks.

• Wide Language Support: Choose from several common programming languages to ensure your code is accurately represented.

• Enhanced Presentation: Display code to students in a visually appealing way with colour and syntax highlighting for better readability.

Here is an example of code snippets that will be shown in Moodle content.

Autosave Functionality

The TinyMCE text editor does NOT autosave your work so always Save your work at the bottom of the screen before exiting.

HTML Editing View

The TinyMCE editor provides an advanced WYSIWYG HTML editor, which makes creating activities easier in Moodle. However, it may be less convenient for HTML editing compared to the Atto editor. Switching to HTML view from the interface can be challenging, and previewing changes is less straightforward than what users are accustomed to. 

To access the HTML view, navigate to View > Source code, where a pop-up window will allow you to code your content via HTML.

To preview the content after you finish the HTML coding, you need to close the pop-up window and return to the editor preview mode to see the result.

No Kaltura Video and Cloze Editor Options

TinyMCE doesn't have options for inserting Kaltura videos or using the Cloze editor when creating quiz questions. You won't be able to use these features with this editor. If you want to use them, you might need to switch back to the Atto editor.

Learn more about the functions of the TinyMCE text editor's menus and tools.

Edit

The edit dropdown list allows you to do a range of basic editing functions including:

• Undo/redo

• Cut, copy and paste

• Select all

• Find and replace text

View

The view dropdown list allows you to view source code, show invisible characters and expand the text box to fullscreen.

Insert

The insert dropdown list displays additional items you can insert including code, special characters, emojis, page breaks, anchors, date/time and more.

Format

The format dropdown list displays additional formatting tools.

Tools

The tools dropdown list displays the following tools:

• HTML view: Switch to HTML code view by clicking on the HTML icon. A pop up of the HTML code will be displayed and you can edit tags or codes directly in this window.

• Word count: Displays word count.

• Accessibility checker: Provides accessibility advice including recommendations and standard guidelines.

• Media manager

Table

Insert a table after selecting the number of rows and columns needed.

Note: Some table formatting options in Moodle must be set for each cell, such as borders and content alignment.

Help

Click help to view useful information such as: 

• Handy shortcuts

• Keyboard navigation

• Plugins currently installed

• Current version information

Editor Toolbar

1. Undo/Redo

Undo or redo changes you have made in the text editor.

2. Text formatting

Change the appearance of selected text within paragraphs with these options. Select the text and click the icon to apply the format.

3. Insert multimedia

Insert a range of enriching resources to the content, from left to right:

• Insert an image (.jpg, .png or .gif).
  
  Note: When inserting an image the advanced options allow you to manage borders and how text is positioned relative to the image. Unless a high resolution is a critical requirement for your images, it is recommended that you use .gif, .jpg or .png format to reduce file size. A lower file size for images translates to a faster display for students.
  
  

• Insert/embed video or audio.

4. Insert H5P

Insert a H5P activity from your content bank or upload an H5P file

5. Insert URL/Unlink URL

Insert or unlink a URL