disable hyperlink toolbar button on RadEditor html and preview mode

[Sakshi]

Hi Everyone,

I have a RadEditor with couple of toolbar buttons which includes hyperlink manager toolbar button.

I have edit modes as design, html and preview.

I would like to disable hyperlink when on html and preview modes, and disable on design mode until a button is clicked.

i tried if mode = design, visible = false, but it does not work all the time.

Example:
1st time when I load the module, by default it is in design mode, and hyperlink is disabled, when i switch to html/preview modes, the hyperlink is disabled,but when i switch back again to design ,the hyperlink is enabled.

"Any Idea how to disable hyperlink in all the 3 modes and enable only on design mode when a button is clicked."

Thanks in advance for you help on this.

-Rad

[Princy]

Hi Rad,

Try the following Javascript to achieve your scenario.

JS:

<script type="text/javascript">
 function pageLoad()
 {
   var editor = $find("<%=RadEditor.ClientID %>");
   editor.get_toolContainer().control.getToolByName("LinkManager").set_visible(false);
 }
 function OnClientModeChange(editor, args)
  {
   editor.get_toolContainer().control.getToolByName("LinkManager").set_visible(false);
  }
 function OnClientClick()
  {
   var editor = $find("<%=RadEditor.ClientID %>");
   editor.get_toolContainer().control.getToolByName("LinkManager").set_visible(true);
   return false;
  }
</script>

Hope this helps.

Thanks,
Princy.

[Bob]

Hello,

I have a similar request.  I have a tool (FindAndReplace) that is visible only in HTML mode and wanted to write something to disable it (in HTML mode).  I tried implementing the code from you previous post with alterations.  Below is the block that I am working with...

Thanks,

Bob

<telerik:RadEditor ID="txtStory" runat="server" Width="99%" Height="670" AllowScripts="True" 
TabIndex="3" ToolbarMode="Default" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"
OnClientLoad="OnClientLoad" EnableEmbeddedSkins="false" Skin="PrestoRadSkin" 
NewLineMode="P" ContentFilters="ConvertToXhtml" OnClientModeChange="OnClientModeChange"
ExternalDialogsPath="~/DesktopModules/ContentDashboard/Telerik/Dialogs/"
StripFormattingOptions="MSWordRemoveAll"
ToolsFile="~/DesktopModules/ContentDashboard/Telerik/ToolsFile.xml" >
<CssFiles>
<telerik:EditorCssFile Value="~/DesktopModules/ContentDashboard/RadEditorStyles.css" />
</CssFiles>
<Tools>
<telerik:EditorToolGroup Tag="MainToolbar">
<telerik:EditorTool Name="Cut" />
<telerik:EditorTool Name="Copy" ShortCut="CTRL+C" />
<telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />
<telerik:EditorTool Name="pullQuote" Text="Pull Quote" />
<telerik:EditorTool Name="blockQuote" Text="Block Quote" />
<telerik:EditorTool Name="createSpike" Text="Insert a new Spike" />
<telerik:EditorTool Name="createMap" Text="Insert a new Map" />
<telerik:EditorTool Name="stripBlockFormat" Text="Remove all formatting from the selected paragraph." />

           <telerik:EditorTool Name="pageBreak" Text="Insert Blog Page Break" />
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="Other Bar">
<telerik:EditorTool Name="Bold" ShortCut="CTRL+B" />
<telerik:EditorTool Name="Italic" ShortCut="CTRL+I" />
<telerik:EditorTool Name="Underline" ShortCut="CTRL+U" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="InsertUnorderedList" />
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="EditToolbar">
<telerik:EditorTool Name="FindAndReplace" ShortCut="CTRL+F" />
<telerik:EditorTool Name="SelectAll" ShortCut="CTRL+A" />
<telerik:EditorSplitButton Name="Undo" />
<telerik:EditorSplitButton Name="Redo" />
<telerik:EditorSplitButton Name="InsertSymbol" />
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="SubToolbar">
<telerik:EditorTool Name="PasteHtml" ShortCut="CTRL+H" Text="Embed HTML" />
<telerik:EditorTool Name="ImageUpload" ShortCut="CTRL+M" Text="Image Upload" />
<telerik:EditorTool Name="LinkManager" ShortCut="CTRL+K" />
<telerik:EditorTool Name="Unlink" ShortCut="CTRL+SHIFT+K" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>

[Vessy]

Hi Rad,

In order to set the button state in HTML mode, you have to attach to the OnClientModeChange event to the editor. I am providing you with a sample code which you could apply in your scenario :

<script type="text/javascript">
    function OnClientModeChange(editor, args){
        if (editor.get_mode() == 2) {
            setTimeout(function () {
                editor.getToolByName("FindAndReplace").setState(-1);
            }, 0);
        }
    }
</script>

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientModeChange="OnClientModeChange">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FindAndReplace" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

I hope that would be helpful for you.

All the best,
Veselina
the Telerik team