Moodle in English: WIerd HTML after draging and droping image onto Page

I draged and droped a photo onto on of my recouese pages and when i go back and look at the HTML this is what I got.

Is this normal, it seems really long for an image?

And could this cause any probles?

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by Howard Miller - Wednesday, 3 April 2013, 4:06 AM

It's base 64 encoding your image on the page. Don't do that. Use the little image icon in the editor tools (to the left of the smiley here) and upload the image (or drag and drop it) there.

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by rene diaz - Thursday, 4 April 2013, 4:24 AM

Thank you. And out of curiosity what is "base 64 encoding". Knowing this may help me avoid other problems along the way.

And thank you again

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by Howard Miller - Thursday, 4 April 2013, 4:38 AM

It's just a method (more a convention really) for representing a binary file as a series of printable characters. I think I'm correct in saying that it started life as a method for adding binary attachments to mail messages.

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by rene diaz - Thursday, 4 April 2013, 3:45 PM

Im making a nonprofit site with moodle and Im not an IT person nor can I affored one so im earning as I go. I have learned a lot in the past 2 plus years but more to learn.

Can you explain that In lamens terms? and what are other ways of doing it that way so i dont do it again?

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by Howard Miller - Thursday, 4 April 2013, 4:55 PM

Well - don't drag an image into an editor window. Use the button on the editor toolbar to add an image.

What you are seeing is a convenience feature of the editor. It allows you to add an image (a binary file - you couldn't read it in an editor) to the page by taking all the image data and converting it into printable characters. When the page is displayed it converts it back to an image.

This is all fine but, as you have found, the downside is that you get screens and screens of weird characters.

If it was up to me it would be disabled or - even better - dragging an image in would "properly" link an image as if you had clicked the toolbar button

Nice skeleton by the way

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by Paula Clough - Thursday, 4 April 2013, 9:13 PM

Rene,

This might help. There are 2 sections, the first for Moodle 1 and the second for Moodle 2. This shows how to use that little tree picture icon to add images.

Here is a page explaining the toolbar for the Moodle2 editor in case there are anyother of the icons you might not be familiar with.

Average of ratings: -

Re: WIerd HTML after draging and droping image onto Page

by rene diaz - Thursday, 4 April 2013, 10:24 PM

Thank you Paula,

I do know how to use the TinyMCE but since there was the feature of drag and drop on the new 2.4 (i supgraded from 2.2) I figured Id use it. Before that I always used the insert image icon (tree) and the other icons. Thanks again.

Average of ratings: -

General help

WIerd HTML after draging and droping image onto Page

WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Re: WIerd HTML after draging and droping image onto Page

Empowering educators to improve our world

Moodle

Support

Get Involved

Contributions

Downloads

Tracker

Development

Empowering educators to improve our world