COVID-19: Hubken is working as normal Get in touch today

Do you struggle to format your content in Books within your Moodle or Totara Learn site? You may find that you are copying your existing content from your word-processed documents into the editor, only to find its formatting looks wrong or your images are missing from the page once your book has been saved and viewed. We're here to show you why this may happen, and what you can do to bring back that fantastic content for your Moodle or Totara Learn site.

So, why is my content not formatting correctly?

Modern word processors do not just store the words and images, they also store data that controls how Text and Images are formatted and displayed on the page. This means that if you copy content directly from the word processor into the book editor window, you will also be bringing with it most of the hidden formatting control information and this information is not always compatible. This particularly applies to images, often resulting in broken image links.

Word Processor Formatting

The above image is copied from a Word Processor document

Book Editor Formatting


The above image is the result when pasted into the Book Editor

The below HTML code shows what actually gets pasted into the Book Editor:

<h1>This is a Car</h1>
<p>A car is much smaller than a lorry and is used primarily to transport people from one place to another.</p>
<h1 align="center"><!--[if !vml]--><img width="265" height="176" src="file:///C:/Users/ Temp/msohtmlclip1/01/clip_image002.jpg" v:shapes="Picture_x0020_1"><!--[endif]--></h1>
<h1>This is a Lorry</h1>
<p>A lorry is much larger than a car and is most often used to transport goods from one place to another.</p>
<p align="center"><!--[if !vml]--><img width="265" height="189" src="file:///C:/Users/ Temp/msohtmlclip1/01/clip_image004.jpg" v:shapes="Picture_x0020_2"><!--[endif]--></p>

Formatting Display with Copied Content

This image shows how the page will be displayed once saved

How do I fix this?

For text:

In order to get clean text that displays properly, we would recommend copying text from your existing word-processed document and then pasting it into a text editor such as 'Notepad', then reselecting the text from Notepad, copying it again from there and paste it into your book editor window. This will remove the hidden formatting, leaving only your desired text, which you can then format within the book editor windows as you wish.

For Images:

Do not copy and paste images into the editor window, even if it appears to display properly initially, it will often result in broken file links and missing images when you later view the new page you have created. Instead use the Image control and its controls to upload and format your images.

Editor Controls

The image upload control button is highlighted above. Click the area in your text that you would like to insert an image and select the Image Button.

Image Properties

The ‘Image properties’ control will enable you to Upload, Link and Format your required images.

File Picker

Clicking on the ‘Upload a File’ option and then selecting ‘Choose File’ opens the file selector dialogue window which allows you to navigate your file system and find the file you wish to upload.

Highlight the image you wish to upload and select the 'Open' button. Then in the ‘File Picker’ window click the ‘Upload this file’ button. This will upload the file to your site’s storage where it can be properly linked to the Book.

Image Properties Instructions

In the ‘Image properties’ window you can then:

  • add a description if desired (or select the ‘Description not necessary’ option);
  • set the screen position for the image;
  • set its display size if you do not want it to remain Automatic.

Once done, click the ‘Save image’ button.

Media Content

You will need to repeat this process for any media content you wish to use in your book.

If you wish to change the settings for the uploaded image, simply double click on the image in the Books editor window and this will reopen the ‘Image Properties’ control.

This method of copying, pasting and formatting text and especially uploading and displaying images can be used anywhere that the ATTO editor is used within your LMS to better enable you to control over what is displayed and how it is presented.

Images taken from,

‹‹ Previous Next ››

Related posts

3 Steps To Better Employee Performance Reviews

A survey of Fortune 1,000 companies by the Corporate Executive Board (CEB) found that 66% of employees were disappointed with their performance review experiences.

Furthermore, 65% rated performance evaluations as irrelevant to their job roles. So there are clearly many pitfalls to effective performance management but with a change of approach it can transform the way you develop your teams.

What is an LXP? A quick guide for L&D professionals

If you’re responsible for managing e-learning programmes you’ll know what a Learning Management System (LMS) is. If you’ve attended any learning fairs in recent years you may have seen the term LXP popping up.

It stands for Learning Experience Platform and represents a whole new range of possibilities to expand the way your audiences learn.

OK, so here are the things made possible with an LXP:

Open Badges: A simple way to improve learner engagement

For anyone managing e-learning programmes learner engagement is surely a key measure of success. You may have hundreds of people in different departments or teams but all of them are likely to appreciate recognition for their efforts. That’s where Open Badges come in.

Open Badges enable your learners to get verifiable proof for the knowledge, skills and achievements they have developed through your e-learning programme.