This is a migrated thread and some comments may be shown as answers.

RADEditor not working with embedded scripts turned off

14 Answers 483 Views

Editor

This is a migrated thread and some comments may be shown as answers.

Rob asked on 03 Sep 2008, 12:44 PM

Hi there,
our applications run with embedded scripts switched off and the scripts served from a separate domain. We now have a need to use the RADEditor, but the streamed popup windows (link manager, image manager, etc.) cause javascript errors. I have confirmed this with a small project as follows:

VS2008 SP1
.Net framework 3.5 SP1
Telelerik DLL 2008.2.826.35

script folder containing all external scripts:
~/script/telerik/* (all telerik scripts)
~/script/ajax/System.Web.Extensions/3.5.0.0/3.5.21022.8/* (MS Ajax 3.5)
~/script/ajax/System.Web.Extensions/3.5.0.0/3.5.30729.1/* (MS Ajax 3.5 SP1)

Default.aspx:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadEditor._Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <telerik:radscriptmanager runat="server" id="TelerikScriptManager" enablescriptcombine="false" enablepartialrendering="true" loadscriptsbeforeui="false" enableviewstate="false" enablescriptglobalization="true" enablescriptlocalization="true" scriptmode="Release" /> 
        
                    <telerik:radeditor runat="server" id="radEditor1" enabletheming="True" stripformattingonpaste="AllExceptNewLines" toolsfile="~/EditorTools.xml" newlinebr="False" language="en-GB"> 
        
                        <Content> 
        
                        </Content> 
        
                    </telerik:radeditor> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Default.aspx.cs:

    
            using System; 
        
            using System.Collections; 
        
            using System.Configuration; 
        
            using System.Data; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Xml.Linq; 
        
            using Telerik.Web.UI; 
        
            namespace RadEditor 
        
            { 
        
                public partial class _Default : System.Web.UI.Page 
        
                { 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        if (ConfigurationManager.AppSettings["Telerik.EnableEmbeddedScripts"].ToLower() == "false") 
        
                        { 
        
                            ScriptManager manager = System.Web.UI.ScriptManager.GetCurrent(this.Page); 
        
                            // Microsoft Ajax 
        
                            manager.ScriptPath = "~/script/ajax"; 
        
                            // Telerik Scripts 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Common/Core.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Common/Popup/PopupScripts.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Editor/RadEditor.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Dialogs/DialogOpener.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Editor/Modules.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Spell/SpellCheckService.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Editor/AjaxSpellCheck.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Window/RadWindow.js")); 
        
                        } 
        
                    } 
        
                } 
        
            }

Web.Config:

    
            <?xml version="1.0"?> 
        
            <configuration> 
        
              <configSections> 
        
                <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"> 
        
                  <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"> 
        
                    <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/> 
        
                    <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"> 
        
                      <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere"/> 
        
                      <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/> 
        
                      <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/> 
        
                      <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/> 
        
                    </sectionGroup> 
        
                  </sectionGroup> 
        
                </sectionGroup> 
        
              </configSections> 
        
              <appSettings> 
        
                <add key="Telerik.EnableEmbeddedScripts" value="false"/> 
        
              </appSettings> 
        
              <connectionStrings/> 
        
              <system.web> 
        
                <!--  
        
                        Set compilation debug="true" to insert debugging  
        
                        symbols into the compiled page. Because this  
        
                        affects performance, set this value to true only  
        
                        during development. 
        
                    --> 
        
                <compilation debug="true"> 
        
                  <assemblies> 
        
                    <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/> 
        
                    <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/> 
        
                    <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                    <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/> 
        
                  </assemblies> 
        
                </compilation> 
        
                <!-- 
        
                        The <authentication> section enables configuration  
        
                        of the security authentication mode used by  
        
                        ASP.NET to identify an incoming user.  
        
                    --> 
        
                <authentication mode="Windows"/> 
        
                <!-- 
        
                        The <customErrors> section enables configuration  
        
                        of what to do if/when an unhandled error occurs  
        
                        during the execution of a request. Specifically,  
        
                        it enables developers to configure html error pages  
        
                        to be displayed in place of a error stack trace. 
        
                    <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm"> 
        
                        <error statusCode="403" redirect="NoAccess.htm" /> 
        
                        <error statusCode="404" redirect="FileNotFound.htm" /> 
        
                    </customErrors> 
        
                    --> 
        
                <pages> 
        
                  <controls> 
        
                    <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                    <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                    <add assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagPrefix="telerik"/> 
        
                  </controls> 
        
                </pages> 
        
                <httpHandlers> 
        
                  <remove path="*.asmx" verb="*" /> 
        
                  <add path="*.asmx" verb="*" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" 
        
                   validate="false" /> 
        
                  <add path="*_AppService.axd" verb="*" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" 
        
                   validate="false" /> 
        
                  <add path="ScriptResource.axd" verb="GET,HEAD" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" 
        
                   validate="false" /> 
        
                  <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.2.826.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 
        
                    validate="false" /> 
        
                  <add path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Version=2008.2.826.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 
        
                validate="false" /> 
        
                </httpHandlers> 
        
                <httpModules> 
        
                  <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                </httpModules> 
        
              </system.web> 
        
              <system.codedom> 
        
                <compilers> 
        
                  <compiler language="c#;cs;csharp" extension=".cs" warningLevel="4" type="Microsoft.CSharp.CSharpCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"> 
        
                    <providerOption name="CompilerVersion" value="v3.5"/> 
        
                    <providerOption name="WarnAsError" value="false"/> 
        
                  </compiler> 
        
                </compilers> 
        
              </system.codedom> 
        
              <!--  
        
                    The system.webServer section is required for running ASP.NET AJAX under Internet 
        
                    Information Services 7.0.  It is not necessary for previous version of IIS. 
        
                --> 
        
              <system.webServer> 
        
                <validation validateIntegratedModeConfiguration="false"/> 
        
                <modules> 
        
                  <remove name="ScriptModule"/> 
        
                  <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                </modules> 
        
                <handlers> 
        
                  <remove name="WebServiceHandlerFactory-Integrated"/> 
        
                  <remove name="ScriptHandlerFactory"/> 
        
                  <remove name="ScriptHandlerFactoryAppServices"/> 
        
                  <remove name="ScriptResource"/> 
        
                  <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                  <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                  <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
        
                </handlers> 
        
              </system.webServer> 
        
              <runtime> 
        
                <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1"> 
        
                  <dependentAssembly> 
        
                    <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35"/> 
        
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/> 
        
                  </dependentAssembly> 
        
                  <dependentAssembly> 
        
                    <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35"/> 
        
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/> 
        
                  </dependentAssembly> 
        
                </assemblyBinding> 
        
              </runtime> 
        
            </configuration>

EditorTools.xml:

    
            <?xml version="1.0" encoding="utf-8" ?> 
        
            <root> 
        
              <modules> 
        
                <module name="RadEditorStatistics" dockingZone="Bottom" enabled="true" visible="true" dockable="true" /> 
        
              </modules> 
        
              <tools name="toolbar1" dockable="true" enabled="true"> 
        
                <tool name="FormatBlock" /> 
        
                <tool separator="true" /> 
        
                <tool name="Bold" /> 
        
                <tool name="Italic" /> 
        
                <tool separator="true" /> 
        
                <tool name="Indent" /> 
        
                <tool name="Outdent" /> 
        
                <tool separator="true" /> 
        
                <tool name="InsertOrderedList" /> 
        
                <tool name="InsertUnorderedList" /> 
        
              </tools> 
        
              <tools name="toolbar2" dockable="true" enabled="true"> 
        
                <tool name="FindAndReplace" /> 
        
                <tool separator="true" /> 
        
                <tool name="Cut" /> 
        
                <tool name="Copy" /> 
        
                <tool name="Paste" /> 
        
                <tool separator="true" /> 
        
                <tool name="Undo" /> 
        
                <tool name="Redo" /> 
        
              </tools> 
        
              <tools name="toolbar3" dockable="true" enabled="true"> 
        
                <tool name="Superscript" /> 
        
                <tool name="Subscript" /> 
        
                <tool separator="true" /> 
        
                <tool name="InsertParagraph" /> 
        
                <tool name="InsertHorizontalRule" /> 
        
                <tool name="InsertTable" /> 
        
              </tools> 
        
              <tools name="toolbar4" dockable="true" enabled="true"> 
        
                <tool name="LinkManager" /> 
        
                <tool name="Unlink" /> 
        
              </tools> 
        
              <tools name="toolbar5" dockable="true" enabled="true"> 
        
                <tool name="FormatStripper" /> 
        
                <tool name="XhtmlValidator" /> 
        
                <tool name="ToggleScreenMode" /> 
        
              </tools> 
        
              <paragraphs> 
        
                <paragraph value="&lt;p&gt;" name="Normal" /> 
        
                <paragraph value="&lt;h1&gt;" name="&lt;h1&gt;Heading 1&lt;/h1&gt;" /> 
        
                <paragraph value="&lt;h2&gt;" name="&lt;h2&gt;Heading 2&lt;/h2&gt;" /> 
        
                <paragraph value="&lt;h3&gt;" name="&lt;h3&gt;Heading 3&lt;/h3&gt;" /> 
        
                <paragraph value="&lt;h4&gt;" name="&lt;h4&gt;Heading 4&lt;/h4&gt;" /> 
        
                <paragraph value="&lt;h5&gt;" name="&lt;h5&gt;Heading 5&lt;/h5&gt;" /> 
        
              </paragraphs> 
        
            </root>

I would be grateful if this can be looked into ASAP. I guess it may be another script ordering problem or missing script. The order and scripts were obtained from your help http://www.telerik.com/help/aspnet-ajax/disabling_embedded_resources.html

Kind regards,

Rob

14 Answers, 1 is accepted

answered on 04 Sep 2008, 08:51 AM

Hi Rob,

Thank you for pointing out this issue.

The problem is that when you set the <add key="Telerik.EnableEmbeddedScripts" value="false"/> in web.config this affects all Telerik controls. However, each editor's dialog uses different set of Telerik controls in it such as RadFormDecorator, RadTabStrip etc and their scripts cannot be imported manually because the dialogs are embedded in the Telerik.Web.UI.dll file.

What you can do is to copy/paste the EditorDialogs installation folder to the root of your web application and set the ExternalDialogsPath property to point to this folder. This will allow you to manually import the needed dialog scripts.

If you are OK with this scenario, we can send you a detailed list with all scripts tags that you need to import in the different external dialogs. Just let us know.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 05 Sep 2008, 04:53 PM

Hello Rob,

Here are the scripts that the latest version 2008.2.826 of RadEditor for ASP.NET AJAX (Q2 SP1 2008) loads in its dialogs:

TableWizard:
\Scripts\Dialogs\DialogControlInitializer.js
\Scripts\Widgets\Widgets.js
\Scripts\FormDecorator\RadFormDecorator.js

LinkManager:
\Scripts\Dialogs\DialogControlInitializer.js
\Scripts\Widgets\Widgets.js
\Scripts\FormDecorator\RadFormDecorator.js

XHTML Validator:
\Scripts\Dialogs\DialogControlInitializer.js
\Scripts\Widgets\Widgets.js
\Scripts\FormDecorator\RadFormDecorator.js

Help:
\Scripts\Widgets\Widgets.js
\Scripts\FormDecorator\RadFormDecorator.js

If you need to learn which scripts loads some other dialogs you can use Fiddler to do that.

Greetings,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 05 Sep 2008, 05:03 PM

Thanks for your reply.

Adding the 3 further scripts to the code I submitted:

    
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Dialogs/DialogControlInitializer.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/Widgets/Widgets.js")); 
        
                            manager.Scripts.Add(new ScriptReference("~/script/telerik/FormDecorator/RadFormDecorator.js"));

Still throws a javascript error that interface types cannot be null as before.
Would this issue be better if I raise a support ticket?
I will have a look at fiddler when I get a chance.

Kind regards,

Rob

answered on 08 Sep 2008, 10:21 AM

Hi Rob,

You should not register the provided dialog scripts in the page with the editor, but you need to manually include them with <script> tags in the different ascx external dialogs files of RadEditor.

You have to copy/paste the EditorDialogs installation folder to the root of your web application and set the ExternalDialogsPath property to point to this folder, e.g.

<telerik:RadEditor id="RadEditor1" ExternalDialogsPath ="~/EditorDialogs " runat="server"></telerik:RadEditor>

After that open the \EditorDialogs\TableWizard.ascx, \EditorDialogs\LinkManager.ascx, \EditorDialogs\XhtmlValidator.ascx and \EditorDialogs\Help.ascx and put the following script tags in them:

    <script src="../Scripts/Dialogs/DialogControlInitializer.js" type="text/javascript"/>
    <script src="../Scripts/Widgets/Widgets.js" type="text/javascript" />
    <script src="../Scripts/FormDecorator/RadFormDecorator.js" type="text/javascript" />

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Accepted

answered on 12 Sep 2008, 08:08 AM

Hi Rob,

Thank you for the project! It helped me to reproduce and fix the problem.

You need to also register the Core.js and RadEditor.js scripts in the external dialogs:

<script src="../script/Telerik/Common/Core.js" type="text/javascript"></script>
<script src="../script/Telerik/Editor/RadEditor.js" type="text/javascript"></script>
<script src="../script/Telerik/Dialogs/DialogControlInitializer.js" type="text/javascript"></script>
<script src="../script/Telerik/Widgets/Widgets.js" type="text/javascript"></script>
<script src="../script/Telerik/FormDecorator/RadFormDecorator.js" type="text/javascript"></script>

In the TableWizard dialog you need to register the following scripts:

<script src="../script/Telerik/Common/Core.js" type="text/javascript"></script>
<script src="../script/Telerik/Common/Popup/PopupScripts.js" type="text/javascript"></script>
<script src="../script/Telerik/Editor/RadEditor.js" type="text/javascript"></script>
<script src="../script/Telerik/Dialogs/DialogControlInitializer.js" type="text/javascript"></script>
<script src="../script/Telerik/Widgets/Widgets.js" type="text/javascript"></script>
<script src="../script/Telerik/FormDecorator/RadFormDecorator.js" type="text/javascript"></script>

Greetings,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 28 Jun 2010, 05:33 PM

I'm facing a similar problem with the customised LinkManager dialog where the page is having script errors. Some of the errors could be resolved by adding the control's script to the EditorDialogs/LinkManager.ascx but the following script error still remains. I'm using the Q2 2009 Ajax ASP.net version and I couldn't find the scripts/widgets/ folder as well.

Error: Sys.ArgumentUndefinedException: Value cannot be undefined.

Parameter name: type

Source File: http://localhost/<AppName>/ScriptResource.axd?d=rWFWF27a4m2Cj-9MvkbXpSKEJSavewVPUOHdA3O8E62hLGy0RLBt4fB5-QbNEnxKdUBLy1lO0umEjYXVsgrEkfb5A6fZTHiPDDjvn7d9XkE1&t=16ab2387

Line: 3801

Further investigation revealed that the Telerik.Web.UI.RadTabStrip is undefined in the Telerik.Web.UI.DialogHandler.aspx?DialogName.....

Sys.Application.add_init(function(){

774$create(Telerik.Web.UI.RadTabStrip,{"_selectedIndex":0,"_skin":"Default","clientStateFieldID":"LinkManagerTab_ClientState","multiPageID":"dialogMultiPage","selectedIndexes":["0"],"tabData":[{"value":"HyperlinkTab"},{"value":"AnchorTab"},{"value":"EmailTab"}]},null, null, $get("LinkManagerTab"));

775});

I would like to know the relevant control scripts required to for the LinkManager for Q2 2009

Thanks

Savinda

answered on 01 Jul 2010, 02:08 PM

Hello Savindag,

My recommendation is to upgrade to the latest official version of RadEditor for ASP.NET AJAX Q1 2010 SP2 (version 2010.1.519) and register the CDN scripts of the control. This way the scripts will be loaded automatically from an external source.

Another approach is to manually register the RadTabStrip scripts. After that if another control throws an error that it is not able to locate its scripts then register the needed scripts manually too.

Kind 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