Not working fine in firefox as Expected

[Srinivasa Rao]

Hi,

I am planing to use RadEditor control for my project use, So initially I am evaluating online Rad-editor app from here:

http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx

My basic requirement is make working app in all the browsers (IE, Firefox, Opera, Chrome, Safari) and dealing with adding custom controls to Editor, Image Manager, adding large range of tables, much more formatting, etc..

I found some of interesting thing while evaluating Rad-editor under FireFox v3.6.12 browser. Here are the few of issues I found in Firefox browser which are working great in IE8.

1. I can't able to delete the table using 'delete' key from keyboard, but I can delete by right-click on table->table delete
2. I am not able to set the absolute position to the Image/table/(any custom control) to change location of it.
3. When I move mouse over the Image, mouse pointer image is not changing in Firefox as like IE.
4. When I insert any Form Element in firefox, it is not selectable like in IE.

Please let me know about of your support on these issues once I use the Rad-editor?

Thanks,
Srinu Dhulipalla

[Dobromir]

Hi Srinivasa,

I already answered your ticket on the subject. For convenience I will paste my answer here as well.

RadEditor's content area is an editable <iframe> and editor's functionality is based on the browsers' RichTextEditing engine. Different browsers offer different functionality and limitations, for example selecting a table and / or a form element is not supported by FireFox.

To provide some of the missing functionality under different browser you can use RadEditor's tools and system modules:

1. To remove a table you can use the RadEditor's TagInspector system module to select the table and then use "Remove Element" link.
2. You can add a CSS class with position absolute rule, then use ApplyClass dropdown to apply the class to an image. After applying absolute positioning to an image you can move it normally to set its position (under FireFox a small handler will appear above top-left corner of the image. More information regarding ApplyClass dropdown is available in the following help article:
   http://www.telerik.com/help/aspnet-ajax/cssstyles.html asdfasdf
   Also, you can use the following code to fix the SetAbsolutePosition tool under FireFox:
   

   <script type="text/javascript">
       function OnClientCommandExecuted(editor, args) {
           if ("AbsolutePosition" == args.get_commandName()) {
               if ($telerik.isFirefox) {
                   var elem = editor.getSelectedElement();
                   elem.style.position = "absolute";
                   args.set_cancel(true);
               }
           }
       }
   </script>
   <telerik:radeditor runat="server" ID="RadEditor1"
       OnClientCommandExecuted="OnClientCommandExecuted">
       <Content>
                   sample text <img src="http://demos.telerik.com/aspnet-ajax/Common/ProductInfo/Controls_logo.gif" /> text text text<br />
                   <div style="width:100px;border: 1px solid red;">this is a div element</div>
      </Content>
   </telerik:radeditor>

3. At present, this limitation of the browser's RTE cannot be overcome.
   
4. You can apply modifications to some form element using the RadEditor's PropertyInspector system module. To select the form element for editing you need to double click on it and its properties fields will appear in the system module. However, this is not possible for all of the Form elements, because of the browser's limitations, for example CheckBoxes are not selectable when placed inside an editable <iframe>.
   
   For your convenience I have prepared a video demonstrating above mentioned techniques.
   http://screencast.com/t/gF53tYTTW
   
   I hope this helps.

Regards,
Dobromir
the Telerik team