Support forums » Products » Cute Editor for .NET » Re: Moving the editor in the DOM

Re: Moving the editor in the DOM

  •  06-22-2009, 4:57 AM

    Re: Moving the editor in the DOM

    Reply Quote
    Hi,
     
    Try this way
    1. <%@ Page Language="C#" %>   
    2.   
    3. <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>   
    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.          
    8. </script>   
    9.   
    10. <html xmlns="http://www.w3.org/1999/xhtml">   
    11. <head id="Head1" runat="server">   
    12.     <title>Untitled Page</title>   
    13. </head>   
    14. <body>   
    15.     <form id="form1" runat="server">   
    16.         <div id="placeholder1">   
    17.             <span id="span1" onclick="edit('placeholder1')">editable content 1</span>   
    18.             <CE:Editor ID="Editor1" runat="server" EnableStripScriptTags="false" Style="display: none" />   
    19.             <input type="button" value="save" onclick="save1()" id="save" style="display: none" />   
    20.         </div>   
    21.     </form>   
    22. </body>   
    23. </html>   
    24.   
    25. <script>      
    26.   
    27.       var span1 = document.getElementById("span1");      
    28.       var save = document.getElementById("save");      
    29.       var dynEdit = document.getElementById('<%= Editor1.ClientID %>');     
    30.       var cache = span1.innerHTML;     
    31.       function edit(instance)      
    32.         {      
    33.              
    34.              span1.innerHTML = '';      
    35.             dynEdit.style.display="block";   
    36.              save.style.display="block";   
    37.             dynEdit.setHTML(cache);      
    38.             dynEdit.FocusDocument();      
    39.         }      
    40.       function save1()   
    41.         {   
    42.         span1.innerHTML=dynEdit.getHTML();   
    43.         dynEdit.style.display="none";   
    44.         save.style.display="none";   
    45.         }   
    46. </script>  

    Regards,
     
    ken
View Complete Thread