script type="text/javascript">

function(element)

{

MyModule.initializeBase(

this, [element]);

}

MyModule.prototype =

{

initialize :

function()

{

MyModule.callBaseMethod(

this, 'initialize');

var selfPointer = this;

this.get_editor().add_selectionChange(function (){ selfPointer.CountCharAction(); });

this.get_editor().attachEventHandler("onkeyup", function(){ selfPointer.CountCharAction(); });

this.CountCharAction();

},

//A method that does the actual work - it is usually attached to the "selection changed" editor event

function()

{

var content = this.get_editor().get_html(true);

var chars = 0;

if (content)

{

    punctRegX = /[!\.?;,:&_\-\-\{\}\[\]\(\)~#

'"]/g;

"");

    trimRegX = /(^\s+)|(\s+$)/g;

    content = content.replace(trimRegX,

"");

    if (content)

    {

        splitRegX = /\s+/;

        var array = content.split(splitRegX);

        chars = content.length;

    }

}

var element = this.get_element();

element.innerHTML = "<span style='line-height:22px; float:left;'>" + " Characters: " + chars + "&nbsp;</span>"
element.style.border = "1px solid red";

element.style.backgroundColor =

"transparent";

element.style.color =

"red";

}

};

MyModule.registerClass(

'MyModule', Telerik.Web.UI.Editor.Modules.ModuleBase);

</script>

<

telerik:RadEditor ID="tbBody" runat="server" Skin="Web20" Width="500px" Height="400px"

EditModes="Design">

<Modules>

<telerik:EditorModule Name="RadEditorStatistics" Enabled="true" Visible="false" />

<telerik:EditorModule Name="MyModule" Enabled="true" Visible="true" />

</Modules>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

Code behind (shows count of 163):

string

body = tbBody.Content.Trim();

body = utils.stripHTML(body).Trim();

if

(body.Length > 1250)

{

errorMessage(

string.Format("Error: Comments can not exceed 1250 characters!"));

return;

}

Hi.
I am trying to combine 2 of your demo:
1) Dynamic dock
2) Custom commands

there is 2 problem:
1- after creating dynamicly a dock, the extra command button is not showed (only the 2 default one)
2 - If i fully reload the page, i can now see the custom button but the command is not trigger!

This is the code... Am i missing somethig?
if I am removing last dock.Commands.Add(d), everything works fine.

Can you help Me!

private RadDock CreateRadDockFromState(DockState state)

{

RadDock dock = new RadDock();

dock.DockMode = DockMode.Docked;

dock.ID = string.Format("RadDock{0}", state.UniqueName);

dock.ApplyState(state);

dock.Commands.Add(new DockCloseCommand());

dock.Commands.Add(new DockExpandCollapseCommand());

DockCommand d = new DockCommand();

d.AutoPostBack = true;

d.Name = "Custom Command";

dock.Commands.Add(d);

return dock;

}

protected void RadDock_Command(object sender, DockCommandEventArgs e)

{

String a = string.Concat("You clicked: ", e.Command.Name);

}