I have a couple of projects utilizing RadEditor with two different versions of the control suite (2011.1.519.35 and 2011.2.712.40). When an image has been uploaded into the RadEditor using the ImageManager option with specific properties set, the values aren't retained if I select the image and go back into the ImageManager.
For example, let's say I used the ImageManager tool to upload an image called "image1,jpg" and set specific properties (margins, etc.) on the image. The generated HTML looks like this:
When I go back into the normal edit/Design mode (where the toolbars are all enabled) I can select this image (so it gets the anchors around it), click the ImageManager and that is where things stop working. Sometimes the image won't even show as selected in the ImageManager window (it's very hit or miss - no errors, just doesn't pre-select it) but consistently the image properties (margin, height, width, etc.) are never set. So when someone selects an image intending to change the margin a bit more they have to put in all of the properties again and then try to tweak the ones they intended to.
Is this intended behavior or is there a way to correct it? I've experienced it in IE8/9 and FF4.
For example, let's say I used the ImageManager tool to upload an image called "image1,jpg" and set specific properties (margins, etc.) on the image. The generated HTML looks like this:
<
img
alt
=
""
style
=
"width: 280px; margin-bottom: 8px; float: right; height: 249px; margin-left: 8px;"
src
=
"/dbfiles/images/image1.jpg"
/>
When I go back into the normal edit/Design mode (where the toolbars are all enabled) I can select this image (so it gets the anchors around it), click the ImageManager and that is where things stop working. Sometimes the image won't even show as selected in the ImageManager window (it's very hit or miss - no errors, just doesn't pre-select it) but consistently the image properties (margin, height, width, etc.) are never set. So when someone selects an image intending to change the margin a bit more they have to put in all of the properties again and then try to tweak the ones they intended to.
Is this intended behavior or is there a way to correct it? I've experienced it in IE8/9 and FF4.
4 Answers, 1 is accepted
0
digitall
Top achievements
Rank 1
answered on 02 Sep 2011, 09:33 PM
Anyone?
0
Hello Digitall,
It is recommended to use the "Set Image Properties" dialog when needed to update the properties of an image selected in the content area. Just right click on an image and choose "Properties..." from the context menu.
Another way to update the properties of an image is to use the Properties Inspector module of RadEditor.
Best regards,
Rumen
the Telerik team
It is recommended to use the "Set Image Properties" dialog when needed to update the properties of an image selected in the content area. Just right click on an image and choose "Properties..." from the context menu.
Another way to update the properties of an image is to use the Properties Inspector module of RadEditor.
Best regards,
Rumen
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>
0
digitall
Top achievements
Rank 1
answered on 05 Sep 2011, 06:53 PM
Right-clicking doesn't do anything on the editor. Perhaps this is because I have the RadEditor defined inside a skin with specific tools? My entry in my .skin file looks like this:
Also, I tried the modules option inside the skin and receive this error: Telerik.Web.UI.EditorModuleCollection must have items of type 'Telerik.Web.UI.EditorModule'. 'module' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'. I put it after </Tools> and it looked like this:
I was able to get it working by adding it directly to the editor markup in an ascx file, but I'd prefer to stick with using the skin so I don't have a mix of things in different places. Is this possible?
<
telerik:RadEditor
runat
=
"server"
SkinId
=
"AllowUploading"
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"Bold"
/>
<
telerik:EditorTool
name
=
"Italic"
/>
<
telerik:EditorTool
name
=
"Underline"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"JustifyLeft"
/>
<
telerik:EditorTool
name
=
"JustifyCenter"
/>
<
telerik:EditorTool
name
=
"JustifyRight"
/>
<
telerik:EditorTool
name
=
"JustifyFull"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"InsertOrderedList"
/>
<
telerik:EditorTool
name
=
"InsertUnorderedList"
/>
<
telerik:EditorTool
name
=
"Outdent"
/>
<
telerik:EditorTool
name
=
"Indent"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"ApplyClass"
/>
<
telerik:EditorTool
name
=
"RealFontSize"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"FindAndReplace"
/>
<
telerik:EditorTool
name
=
"Print"
/>
<
telerik:EditorTool
name
=
"AjaxSpellCheck"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"Cut"
/>
<
telerik:EditorTool
name
=
"Copy"
/>
<
telerik:EditorTool
name
=
"Paste"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"Undo"
/>
<
telerik:EditorTool
name
=
"Redo"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"LinkManager"
/>
<
telerik:EditorTool
name
=
"Unlink"
/>
<
telerik:EditorTool
name
=
"InsertSymbol"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"Paste"
/>
<
telerik:EditorTool
Name
=
"PasteFromWord"
/>
<
telerik:EditorTool
Name
=
"PasteFromWordNoFontsNoSizes"
/>
<
telerik:EditorTool
Name
=
"PastePlainText"
/>
<
telerik:EditorTool
Name
=
"PasteAsHtml"
/>
<
telerik:EditorTool
Name
=
"FormatStripper"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"DocumentManager"
/>
<
telerik:EditorTool
name
=
"ImageManager"
/>
<
telerik:EditorTool
name
=
"InsertTable"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
</
telerik:RadEditor
>
Also, I tried the modules option inside the skin and receive this error: Telerik.Web.UI.EditorModuleCollection must have items of type 'Telerik.Web.UI.EditorModule'. 'module' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'. I put it after </Tools> and it looked like this:
<
modules
>
<
module
name
=
"RadEditorNodeInspector"
dockingZone
=
"Module"
enabled
=
"true"
visible
=
"true"
/>
</
modules
>
I was able to get it working by adding it directly to the editor markup in an ascx file, but I'd prefer to stick with using the skin so I don't have a mix of things in different places. Is this possible?
0
Hello,
1) When the tools collection is set the contextmenus collection is reset. You should also define the ContextMenus collection to show the context menus, e.g.
2) You can define the Modules collection and the module tags inside it as follow:
Best regards,
Rumen
the Telerik team
1) When the tools collection is set the contextmenus collection is reset. You should also define the ContextMenus collection to show the context menus, e.g.
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
telerik:RadEditor
runat
=
"server"
SkinId
=
"AllowUploading"
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"Bold"
/>
<
telerik:EditorTool
name
=
"Italic"
/>
<
telerik:EditorTool
name
=
"Underline"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"JustifyLeft"
/>
<
telerik:EditorTool
name
=
"JustifyCenter"
/>
<
telerik:EditorTool
name
=
"JustifyRight"
/>
<
telerik:EditorTool
name
=
"JustifyFull"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"InsertOrderedList"
/>
<
telerik:EditorTool
name
=
"InsertUnorderedList"
/>
<
telerik:EditorTool
name
=
"Outdent"
/>
<
telerik:EditorTool
name
=
"Indent"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"ApplyClass"
/>
<
telerik:EditorTool
name
=
"RealFontSize"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"FindAndReplace"
/>
<
telerik:EditorTool
name
=
"Print"
/>
<
telerik:EditorTool
name
=
"AjaxSpellCheck"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"Cut"
/>
<
telerik:EditorTool
name
=
"Copy"
/>
<
telerik:EditorTool
name
=
"Paste"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"Undo"
/>
<
telerik:EditorTool
name
=
"Redo"
/>
<
telerik:EditorSeparator
/>
<
telerik:EditorTool
name
=
"LinkManager"
/>
<
telerik:EditorTool
name
=
"Unlink"
/>
<
telerik:EditorTool
name
=
"InsertSymbol"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"Paste"
/>
<
telerik:EditorTool
Name
=
"PasteFromWord"
/>
<
telerik:EditorTool
Name
=
"PasteFromWordNoFontsNoSizes"
/>
<
telerik:EditorTool
Name
=
"PastePlainText"
/>
<
telerik:EditorTool
Name
=
"PasteAsHtml"
/>
<
telerik:EditorTool
Name
=
"FormatStripper"
/>
</
telerik:EditorToolGroup
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
name
=
"DocumentManager"
/>
<
telerik:EditorTool
name
=
"ImageManager"
/>
<
telerik:EditorTool
name
=
"InsertTable"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
<
ContextMenus
>
<
telerik:EditorContextMenu
TagName
=
"IMG"
>
<
telerik:EditorTool
Name
=
"SetImageProperties"
/>
<
telerik:EditorTool
Name
=
"ImageMapDialog"
/>
</
telerik:EditorContextMenu
>
</
ContextMenus
>
<
Modules
>
<
telerik:EditorModule
Name
=
"RadEditorNodeInspector"
Visible
=
"true"
Enabled
=
"true"
/>
<
telerik:EditorModule
Name
=
"RadEditorStatistics"
Visible
=
"true"
Enabled
=
"true"
/>
</
Modules
>
</
telerik:RadEditor
>
2) You can define the Modules collection and the module tags inside it as follow:
<
Modules
>
<
telerik:EditorModule
Name
=
"RadEditorNodeInspector"
Visible
=
"true"
Enabled
=
"true"
/>
<
telerik:EditorModule
Name
=
"RadEditorStatistics"
Visible
=
"true"
Enabled
=
"true"
/>
</
Modules
>
Best regards,
Rumen
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>