Knowledgebase

eShop - WYSIWYG Editor Guide


This article applies to the Magicdust eShop 1.0. Click here for articles relating to Magicdust eShop 2.0.

The following guide will explain in detail all the available options in the Edit HTML Online editor in the eshop. This is the editor, as seen below.





The guide will list each icon individually with a brief explanation of its function.

Save: click this to save the work you have done.

Toggle Full Screen: this will allow you to edit your page in full screen. Click the toggle full screen button again to return to normal page display.

Bold: this will apply a bold effect to text. To do this, highlight your text and then click this icon.

Italic: this will apply an italic effect to text. To do this, highlight your text and then click this icon.

Underline: this will apply an underline effect to text. To do this, highlight your text, then click this icon.

Strike through: this will draw a strike through your text. To do this, highlight your text, then click this icon.

Superscript: this will superscript your text. To do this, highlight your text and then click this icon.

Subscript: this will subscript your text. To do this, highlight your text and then click this icon.

Left Justify: align your text to the left of the page

Centre Justify: align your text to the centre of the page

Right Justify: align your text to the right of the page

Full Justify: this will align your text to both the left and right of your page

Bullet list: this will create a list of bullet points. Create each bullet point by pressing enter after each line of text.

Numbered list: this will create a list of numbers. Create each new number by pressing enter after each line of text.

Outdent: shifts your text towards the left margin of the page.

Indent: indents your text towards the right margin of the page.

HTML Source: this icon launches the editor for editing the HTML source of the page directly.

Clean Up Messy Code: this icon is useful to clean up messy HTML code. This can be of assistance when, for example, copying and pasting text in from Microsoft Word. Often MS Word utilises its own code which can interfere with display in a browser. Try using this icon if, when pasting in from MS Word, the text does not appear as you expect.

Remove Formatting: highlight text and click this to remove all formatting on the text.

Cut: use this icon to cut some text or an image.

Copy: use this icon to copy some text or an image.

Paste: use this icon to paste some text or an image that you have previously cut or copied.

Find: use this to search and locate a word or phrase in your text copy.

Find and Replace: use this to search to locate a word or phrase in your text copy and then replace it with a new word or phrase.

Undo: use this to undo a change that you have made.

Redo: use this to redo a change you've previously undone.

Insert a link: highlight the text you wish to link and then click this icon to launch the link window. Paste the link URL in the appropriate field.

Remove a link: highlight the link you wish to remove and then click this icon.

Insert an anchor: use this icon to insert an anchor. This anchor can then be linked to by pressing the link button and selecting the appropriate anchor from the dropdown menu.

Image: use this icon to insert an image. For more details on images, please click here.

Embed media: use this icon to embed a Flash video file.

Emoticon: launches a window to allow you to select from a series of emoticons.

Insert a custom character: allows the insertion of a custom character such as the copyright or trademark symbol.

Insert Horizontal Rule: launches a window to define the height and width of a horizontal rule and then inserts it.

Select Text Colour: highlight your text and then use this icon to select its colour.

Select Text Background Colour: highlight your text then use this icon to select the highlighting colour for behind the text.

Insert table: inserts a table. For a more detailed table tutorial, click here

Select font family: highlight your text and then select the appropriate font family from the drop down.

Select font size: highlight your text and then select the appropriate size from the dropdown.

If you have any questions or need further assistance, please email support@magicdust.com.au