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

Re: Moving the editor in the DOM

  •  06-17-2009, 8:48 PM

    Re: Moving the editor in the DOM

    Reply Quote
    Hi Megabeans ,
     
    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 runat="server">   
    12.     <title>Untitled Page</title>   
    13. </head>   
    14. <body>   
    15.     <form id="form1" runat="server">   
    16.         <div>   
    17.             <div id="placeholder1" onclick="edit('placeholder1')" >   
    18.                 editable content 1</div>   
    19.             <div id="placeholder2" onclick="edit('placeholder2')" >   
    20.                 editable content 2</div>   
    21.             <CE:Editor ID="ceDynamic" runat="server" EnableStripScriptTags="false" Style="visibility: hidden" />   
    22.         </div>   
    23.     </form>   
    24. </body>   
    25. </html>   
    26.   
    27. <script>   
    28.  function edit(instance)   
    29. {   
    30.             var placeholder = document.getElementById(instance);   
    31.     
    32.             //cache content   
    33.             var cache = placeholder.innerHTML;   
    34.             //clear element   
    35.             placeholder.innerHTML = '';   
    36.   
    37.             var dynEdit = document.getElementById('<%= ceDynamic.ClientID %>');   
    38.             dynEdit.style.visibility="visible";   
    39.             //append the text editor instance to the cleared placeholder !!! This seems to remove the event handlers !!!   
    40.             placeholder.appendChild(dynEdit);   
    41.             //set the text of the cuteeditor to the snapshot we took earlier   
    42.             dynEdit.setHTML(cache);   
    43.             //set focus to the cuteeditor control   
    44.             dynEdit.FocusDocument();   
    45. }   
    46. </script>  

    Regards,
     
    Ken
View Complete Thread