Skip to main content

Moodle: Paste HTML

This article describes the process of pasting HTML code into Moodle textbox.

Purpose

This article describes the process of pasting HTML code into Moodle textbox.

Procedure

Follow this process if you need to paste HTML code you’ve copied from an external HTML source, or HTML from a Moodle textbox. This will minimize the possibility of errors on the course page.

The example demonstrates the process of copying HTML from one Moodle activity textbox to another; however, the same process is used for copy/paste of HTML code from any source.

  • In Moodle, click the activity you want to copy the HTML code from, then navigate to the Settings tab.

  • Click on Tools in the menu bar of the text editor.

  • Select Source code.

Screenshot of text editor with Tools menu open and Source code selected.

You'll see a popout window of the HTML Source code for the page

  • Select all of the contents in the box and copy to the clipboard (Use CTRL + C, or the right mouse button click and choose Copy from the dropdown menu).

Screenshot of Source code page popout

You can now close this screen by clicking the Save or Cancel button at the bottom of the page.

Now add this code to another activity.

  • Locate the activity textbox that you want to paste this copied HTML into.

  • Do not paste the copied code until you have clicked into the Source code editor.

  • Paste your code, then click Save.

    The pasted contents should now appear as you expected - As text with the formatting applied, such as bold, size differences, colors, etc.

Scroll to the bottom of the page to save your changes.

Contact us at cochiseonline@cochise.edu if you experience difficulties.

Did this answer your question?