Hello Rumen
Thanks for the reply. I cannot use the above suggested implementation since I need to visually shift the editor between different div's on the page when clicked on them, so its not just modifying but literally shifting the editor on the page between different sections. For that reason, I am making ajax call to load the editor inside a partial whenever a div element is clicked. It's working fine as expected but I am having some issues that I needed your advice on:
1 - Each and every time the editor is rendered, its height is always 400px. I am setting the height and width through javascript dynamically for each ajax call, the width is set properly in FF but not in IE and the height is not set in both the browsers. I am using this snippet
var editor = $find("<%= Editor.ClientID %>");
$editor = $('#' + editor.get_id());
var divHeight = '200px';
var divWidth = '400px';
//Set editors height and width to the target div.
$editor.css('height', divHeight);
$editor.css('width', divWidth);
2 - The onBlur is not firing at all, I added using the below snippet in OnClientLoad(), but it does not seem to fire. Again, this is set on the OnClientLoad() of the editor that I get through an ajax call.
var element = document.all ? editor.get_document().body : editor.get_document();
$telerik.addExternalHandler(element, "blur", function(e)
{
alert('but not here...');
});
3 - For the same editor(received through ajax call), I am unable to set ImageManager and SlideShow Properties. For ex, I do set Editor.ImageManager.UploadPaths = new string[]{"/MyPath"}
but when I open the image manager for this editor, it comes out disabled since there is no upload path set. If however, I include <telerik:ImageManager UploadPath="/MyPath"> inside <telerik:RadEditor>, it works. But since I need to set the paths dynamically, I need it working the former way.
Below is what my partial(that I have mentioned for above issues) for editor looks like. This is the partial I receive after making an ajax call for the editor. Model.WidgetEditor.UploadPath is
<%
//Editor editor initialize
Editor.EnableFilter(Telerik.Web.UI.EditorFilters.RemoveScripts);
Editor.EnableFilter(Telerik.Web.UI.EditorFilters.MakeUrlsAbsolute);
Editor.DisableFilter(Telerik.Web.UI.EditorFilters.FixUlBoldItalic);
Editor.EnableFilter(Telerik.Web.UI.EditorFilters.FixEnclosingP);
Editor.DisableFilter(Telerik.Web.UI.EditorFilters.IECleanAnchors);
Editor.DisableFilter(Telerik.Web.UI.EditorFilters.MozEmStrong);
Editor.EnableFilter(Telerik.Web.UI.EditorFilters.ConvertFontToSpan);
Editor.DisableFilter(Telerik.Web.UI.EditorFilters.ConvertToXhtml);
Editor.EnableFilter(Telerik.Web.UI.EditorFilters.IndentHTMLContent);
Editor.CssFiles.Add("/images/pages/styleAdmin.css");
Editor.ImageManager.ViewPaths = new string[] { "/MyPath" };
Editor.ImageManager.UploadPaths = new string[] { "/MyPath" };
Editor.ImageManager.DeletePaths = new string[] { "/MyPath" };
Editor.ImageManager.MaxUploadFileSize = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.MaxUploadFileSize;
Editor.ImageManager.SearchPatterns = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.SearchPatternsImages;
Editor.FlashManager.ViewPaths = new string[] { "/MyPath" };
Editor.FlashManager.UploadPaths = new string[] { "/MyPath" };
Editor.FlashManager.DeletePaths = new string[] { "/MyPath" };
Editor.FlashManager.MaxUploadFileSize = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.MaxUploadMediaFileSize;
Editor.FlashManager.SearchPatterns = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.SearchPatternsFlash;
Editor.MediaManager.ViewPaths = new string[] { "/MyPath" };
Editor.MediaManager.UploadPaths = new string[] { "/MyPath" };
Editor.MediaManager.DeletePaths = new string[] { "/MyPath" };
Editor.MediaManager.MaxUploadFileSize = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.MaxUploadMediaFileSize;
Editor.MediaManager.SearchPatterns = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.SearchPatternsMedia;
Editor.SlideShowManager.ViewPaths = new string[] { "/MyPath" };
Editor.SlideShowManager.UploadPaths = new string[] { "/MyPath" };
Editor.SlideShowManager.DeletePaths = new string[] { "/MyPath" };
Editor.SlideShowManager.MaxUploadFileSize = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.MaxUploadFileSize;
Editor.SlideShowManager.SearchPatterns = CivicPlus.CMS.Library.Common.Utilities.ConfigurationHelper.SearchPatternsImages; %>
<div style="display:none;">
<telerik:RadEditor ID="Editor" EditModes="Design" AutoResizeHeight="true" AutoResizeWidth="true" Runat="server" RegisterWithScriptManager="false" ToolsFile="/Common/EditorConfigFiles/fullEditor.xml" /> </telerik:RadEditor>
</div>
Please advice on these, I am really stuck with these issues.
Thanks and Regards
Vishal