Rad editor enable/disable in javascript

[vishesh kumar]

hi,

I am using Rad controls of version 2009.02.0826.20 .
I need to enable/disable radeditor or make it editable  in javscript based on radio button click.

I went through few forums could not find the soln working.
editor is var by client id

editor.disabled=

false;  is not working out...

 

Please assist me.

Regards
Vishesh

[Rumen]

Hi Vishesh,

If you would like to disable the editor without hiding its tools, modules and content area then you should do that on the client using the editor.enableEditing(false) method. Here is an example:

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>some test content</Content>
</telerik:RadEditor>
<input type="button" onclick="toggleEditing();return false;" value="Toggle editing" />
<script type="text/javascript">
var toggle = true;
function toggleEditing()
{
    var editor = $find("<%=RadEditor1.ClientID%>");
    toggle = !toggle;
    editor.enableEditing(toggle);
    editor.set_editable(toggle);
    if (toggle == false) editor.get_document().body.style.backgroundColor = "gray";
    else editor.get_document().body.style.backgroundColor = "";
}
</script>

Sincerely,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[vishesh kumar]

Thanks for the response.
Microsoft JScript runtime error: Object doesn't support this property or method is the error I receive if i use

editor.enableEditing(

true); this like throws error

 

editor.set_editable(

true);

Please assist me

Vishesh

 

[Rumen]

Hi Vishesh,

The solution works as expected with version 2009.02.826 of Telerik.Web.UI.dll.

For your convenience I have attached my test project. Are you able to reproduce the problem with it.


Greetings,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Phani]

Hello Friends,
Requirement: I have Template Manager with html templates, when i choose a template the editor should be readonly and the Template Manager tool bar should be enable which allows user to select another template.

This is my solution,

 

 <telerik:RadEditor runat="server" ID="ComposeEditor" Skin="WebBlue" ToolsFile="~/editor/BasicTools.xml"
                Width="100%" Height="650px" EnableResize="False" EditModes="Design"
                OnClientCommandExecuted="OnClientCommandExecuted">
                <CssFiles>
                    <telerik:EditorCssFile Value="~/css/editorstyle.css" />
                </CssFiles>
                <TemplateManager ViewPaths="~/templates" UploadPaths="~/templates"
                    DeletePaths="~/templates" />
                <Content>
                </Content>
            </telerik:RadEditor>

I place this below code in .aspx page. if i keep this in external js file, it gives me an error saying
"Microsoft JScript error: null" and pointing to enableEditing().

If you use this code in aspx file, always keep in RadCodeBlock.

function OnClientCommandExecuted(editor, args) {
   // alert("Executed command was " + args.get_commandName());
    if (args.get_commandName() == "TemplateManager") {
        toggleEditing();
    }
}

var toggle = true;
function toggleEditing() {
    var editor = $find("<%=ComposeEditor.ClientID%>");
    toggle = !toggle;
    editor.enableEditing(toggle);
    editor.set_editable(toggle);
    if (toggle == false) { editor.get_document().body.style.backgroundColor = "gray"; }
    else { editor.get_document().body.style.backgroundColor = ""; }

//Enabling the Template Manager tool in the editor.
    var mode = editor.get_mode();
    switch (mode) {
    case 1:
        var tool = editor.getToolByName("TemplateManager");
        tool.setState(0);
    break;
    }
}

Hope this helps,

[Rumen]

Hello Phani,

I am unable to reproduce this problem. For your convenience I have attached my project and video demonstrating my test, which you can see at: http://screencast.com/t/ZTUwMTNiM.

Regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.