Re: Make the editor vertically and horizontally stretched in the page

  •  07-28-2010, 9:36 PM

    Re: Make the editor vertically and horizontally stretched in the page

    Hi Mikenas,
     
    Another example
     
    1. <%@ Page Language="C#" %>   
    2.   
    3. <%@ Register Namespace="CuteEditor" Assembly="CuteEditor" TagPrefix="CE" %>   
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
    5.   
    6. <script runat="server">   
    7.     protected override void OnLoad(EventArgs e)   
    8.     {   
    9.         editor1.ResizeMode = CuteEditor.EditorResizeMode.AutoAdjust;   
    10.         base.OnLoad(e);   
    11.     }   
    12.       
    13. </script>   
    14.   
    15. <html xmlns="http://www.w3.org/1999/xhtml">   
    16. <head id="Head1" runat="server">   
    17.     <title>Untitled Page</title>   
    18.     <style type="text/css">     
    19. html, body, form{ height: 100%;}      
    20. </style>     
    21.   
    22. </head>   
    23. <body>   
    24.     <form id="form1" runat="server">   
    25.         <div>   
    26.             <CE:Editor ID="editor1" runat="server" Width="100%">   
    27.             </CE:Editor>   
    28.         </div>   
    29.     </form>   
    30. </body>   
    31. </html>   
    32.   
    33. <script type="text/javascript">   
    34. setInterval("refreshTime()",500);   
    35.   
    36. function refreshTime()   
    37. {   
    38. var editor=document.getElementById('<%= editor1.ClientID%>');   
    39.   
    40. var h=editor.GetDocument().body.scrollHeight;   
    41.   
    42. editor.style.height=document.body.scrollHeight-30+"px";   
    43. }   
    44. </script>  
    Regards,
     
    ken
View Complete Thread