I've done it - pasted below if anyone else needs.
But do you know how I can get rid of the close button (X) on the floating toolbar please?
<telerik:RadEditor id=
"RadWebPage"
Runat=
"server"
Width=
"100%"
Skin=
"Metro"
Editable=
"True"
DialogHandlerUrl=
"~/Telerik.Web.UI.DialogHandler.axd"
ToolsFile=
"~/xml/ToolsFileWebs.xml"
ToolbarMode=
"Floating"
ToolsWidth=
"190px"
EditModes=
"Design, HTML"
AutoResizeHeight=
"true"
OnClientLoad=
"OnClientLoad"
OnClientModeChange=
"OnClientModeChange"
NewLineMode=
"Br"
StripFormattingOptions=
"All"
ContentFilters=
"None"
>
<DocumentManager SearchPatterns=
"*.css, *.doc, *.docx, *.pdf, *.xls, *.xlsx, *.csv, *.txt, *.js, *.xlm"
/>
<TemplateManager SearchPatterns=
"*.html, *.txt"
/>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name=
"ChangeModeHTML"
Text=
"HTML"
ShortCut=
"CTRL + SHIFT + H / CMD + H"
ShowIcon=
"false"
ShowText=
"true"
/>
<telerik:EditorTool Name=
"ChangeModeDESIGN"
Text=
"DESIGN"
ShortCut=
"CTRL + SHIFT + D / CMD + D"
ShowIcon=
"false"
ShowText=
"true"
/>
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<script type=
"text/javascript"
>
Telerik.Web.UI.Editor.CommandList[
"ChangeModeHTML"
] = function(commandName, editor, args) {
editor.set_mode(
2
);
};
Telerik.Web.UI.Editor.CommandList[
"ChangeModeDESIGN"
] = function(commandName, editor, args) {
editor.set_mode(
1
);
};
//Below is needed to activate the design switch in html mode
function OnClientModeChange(editor, args)
{
var mode = editor.get_mode();
switch (mode)
{
case
2:
setTimeout(function()
{
var tool = editor.getToolByName(
"ChangeModeDESIGN"
);
tool.setState(
0
);
},
0
);
break;
}
}
</script>