First off store any of these Xara Widget (file extension XWR) in one place on you hard disk.
They will work form any location but if you subsequently move any, an existing design will not know where to look.

This file is only zipped to allow it to be loaded into TalkGraphics.
Just unzip HTML Tidy Editor.zip into your chosen folder.

The code is almost trivial and all praise to the Xara developer who created the mechanism:
Code:
<XaraWidget>
<WidgetName>On-line HTML Browser Editor (HTML Tidy.Net)</WidgetName>
<CreateURL>https://htmltidy.net/</CreateURL>
<BrowserWidth>1024</BrowserWidth>
<BrowserHeight>960</BrowserHeight>
<ControlID>mceu_56</ControlID>
<WidgetHelp>
- Copy any existing HTML code (body) into the right pane
- Configure and use the Tidy button
- Use the left pane controls to format your code
- Select and copy all the code you want in the right pane
- Click on the Insert button to create the Widget code
</WidgetHelp>
</XaraWidget>
You use HTML Tidy Editor.xwr by dragging in from your folder onto your design page (approximately where you want it to be).
The Xara code wraps the HTML Tidy.Net website in a frame with Insert/Cancel/Help buttons to the size I defined.
Press Cancel to close the pop-up with no follow-on action.
Press Help to recall what to do.
Press Insert after copying your HTML code to the Clipboard.

In between the actions, you compose an HTML document using the MCE HTML Editor supplied.
At a very simple very, this vastly augments the Placeholder Body textarea that Xara has been niggardly with.

The key actions to create a new Placeholder is Click in the right pane, press Ctrl+A+C and then press the Insert button.
A Placeholder Body is populated and appears on your design if you have Re-generate ticked.

For editing, this is a little confusing.
If you double-click you new Placeholder, the Widget is fired again and will show the default web page content.
What you should do is select the Placeholder and open Web Properties > Placeholder > HTML code (body) and copy your current contents.
Close this and then double-click on the Placeholder.
Select the right pane and press Ctrl+A+V to get your code in place for editing.

Wave any flags over this as you wish.
When you crack it, it enhances your additional coding needed for other widgets.

Acorn