Search code examples
ipaddotnetnukedotnetnuke-module

Why is DotNetNuke text editor control always showing HTML Code with iPad?

I have a DotNetNuke custom module where I am using an HTML editor to allow uses to enter some text to be saved to a database. It is working fine for all browsers except IPad's safari where I get the HTML tags showing in the editor.

What can I do to make Ipad show text formatted (or even as plain text) rather than having these tags appear as they are very confusing to users.

The control is using:

   <%@ Register TagPrefix="dnn" TagName="TextEditor"  Src="~/controls/TextEditor.ascx" %>

      <div id="divTab2">
             <dnn:TextEditor ID="txtNotes" runat="server" Width="900px" />
         </div>

The web.config has this:

 <htmlEditor defaultProvider="DotNetNuke.RadEditorProvider">
      <providers>
        <clear />
        <!--Upgraded by DotNetNuke.TelerikEditorProvider version 5.6.3 - Date: 8/3/2011 1:00:02 AM-->
        <!--<add name="TelerikEditorProvider" type="DotNetNuke.HtmlEditor.TelerikEditorProvider.EditorProvider, DotNetNuke.HtmlEditor.TelerikEditorProvider" providerPath="~/Providers/HtmlEditorProviders/Telerik/" toolsFile="~/Providers/HtmlEditorProviders/Telerik/Config/ToolsDefault.xml" configFile="~/Providers/HtmlEditorProviders/Telerik/Config/ConfigDefault.xml" FilterHostExtensions="True" />-->
        <!--Upgraded by DotNetNuke.TelerikEditorProvider version 5.6.3 - Date: 8/3/2011 7:33:08 PM-->
        <!--<add name="TelerikEditorProvider" type="DotNetNuke.HtmlEditor.TelerikEditorProvider.EditorProvider, DotNetNuke.HtmlEditor.TelerikEditorProvider" providerPath="~/Providers/HtmlEditorProviders/Telerik/" toolsFile="~/Providers/HtmlEditorProviders/Telerik/Config/ToolsDefault.xml" configFile="~/Providers/HtmlEditorProviders/Telerik/Config/ConfigDefault.xml" FilterHostExtensions="True" />-->
        <add name="TelerikEditorProvider" type="DotNetNuke.HtmlEditor.TelerikEditorProvider.EditorProvider, DotNetNuke.HtmlEditor.TelerikEditorProvider" providerPath="~/Providers/HtmlEditorProviders/Telerik/" toolsFile="~/Providers/HtmlEditorProviders/Telerik/Config/ToolsDefault.xml" configFile="~/Providers/HtmlEditorProviders/Telerik/Config/ConfigDefault.xml" FilterHostExtensions="True" />
        <add name="DotNetNuke.RadEditorProvider" type="DotNetNuke.Providers.RadEditorProvider.EditorProvider, DotNetNuke.RadEditorProvider" providerPath="~/DesktopModules/Admin/RadEditorProvider" />
      </providers>
    </htmlEditor>

example: In iPad, I get

 <div style="text-align: center;"><strong>Case History Notes - Martha </strong><br /></div><br /><strong>6/24/11</strong>: Referred by Jackie <br /><strong>6/26/11:</strong>&nbsp; Sch. Initial Interview for 6/30; 7:00AM Breakfast at Cafe.<br />

rather than the expected

Case History Notes - Martha

6/24/11: Referred by Jackie
6/26/11:  Sch. Initial Interview for 6/30; 7:00AM Breakfast at Cafe.

Solution

  • Safari on the iThings doesn't support contentEditable, which is the feature used for most rech edit panels on the web.