// setting input focus to Cute Editor
            editor1.FocusDocument();
            editor1.SetWidth("1000");
            editor1.SetHeight("1000");
            // retrieving the content of Cute Editor as HTML
            var content = editor1.getHTML();
            alert(content);
        }
        function getHTML() {
            alert("getHTML is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            // Get the editor HTML
            document.getElementById("myTextArea").value = editor1.getHTML();
        }
        function setHTML() {
            alert("setHTML is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            // Set the editor
            editor1.setHTML(document.getElementById("myTextArea").value);
        }
        function PasteHTML(html) {
            alert("PasteHTML is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            editor1.PasteHTML(html);
        }
        function SetActiveTab(tab) {
            alert("SetActiveTab is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            editor1.SetActiveTab(tab);
        }
        function setFocus() {
            alert("setFocus is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            editor1.FocusDocument();
        }
        function ExecCommand() {
            alert("ExecCommand is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            var CommandObj = document.getElementById('Commands');
            var cmd = CommandObj.options[CommandObj.selectedIndex].text;
            var val = CommandObj.options[CommandObj.selectedIndex].value;
            editor1.ExecCommand(cmd, false, val);
        }
        function CE_attachEvent() {
            alert("CE_attachEvent is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            //Get the editor content 
            var editdoc = editor1.GetDocument();
            // attach Event
            if (editdoc.attachEvent)
                editdoc.attachEvent('onkeypress', HandleChange);
            else if (editdoc.addEventListener)
                editdoc.addEventListener('keypress', HandleChange, true);
        }
        function CE_detachEvent() {
            alert("CE_detachEvent is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            //Get the editor content 
            var editdoc = editor1.GetDocument();
            // detach Event
            if (editdoc.detachEvent)
                editdoc.detachEvent('onkeypress', HandleChange);
            else if (editdoc.removeEventListener)
                editdoc.removeEventListener('keypress', HandleChange, true);
        }
        function HandleChange() {
            alert("HandleChange is called");
            // get the cute editor instance
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            //Get the editor content 
            var editdoc = editor1.GetDocument();
            alert(editdoc.body.innerHTML);
        }  
    
    </script>
    <script runat="server">
        override protected void OnInit(EventArgs e)
        {
            base.OnInit(e);
            Editor1.Text = @"<table cellspacing=""4"" cellpadding=""4"" bgcolor=""#ffffff"" border=""0""> <tbody> <tr> <td> <p> <img src=""http://cutesoft.net/Uploads/j0262681.jpg"" width=""80"" alt=""""/></p></td> <td> <p>When your algorithmic and programming skills have reached a level which you cannot improve any further, refining your team strategy will give you that extra edge you need to reach the top. We practiced programming contests with different team members and strategies for many years, and saw a lot of other teams do so too.  </p></td></tr> <tr> <td> <p>  <img src=""http://cutesoft.net/Uploads/PH02366J.jpg"" width=""80"" alt="""" /></p></td> <td> <p>From this we developed a theory about how an optimal team should behave during a contest. However, a refined strategy is not a must: The World Champions of 1995, Freiburg University, were a rookie team, and the winners of the 1994 Northwestern European Contest, Warsaw University, met only two weeks before that contest.  </p></td></tr></tbody></table> <br /> <br />";
            Editor1.SetScriptProperty("ServerTime", DateTime.Now.ToString("HH:mm:ss"));      
        }
    </script>
    <body>
        <form id="Form1" runat="server">      
        <table cellpadding="15">
            <tr>              
                <td>
                    <h1>JavaScript API</h1>                 
                    <br />                  
                    <CE:Editor ID="Editor1" Width="560" TemplateItemList="[Save,Bold,Italic,Underline,InsertChars,InsertEmotion]"
                        ThemeType="OfficeXP" Height="250" runat="server">
                    </CE:Editor>
                    <br />
                    <textarea cols="60" rows="5" id="myTextArea" style="width: 550px" name="myTextArea">Try click the "get HTML" button</textarea>
                    <br />
                    <br />
                    <p style="width: 600">
                        <input type="button" value="get HTML" onclick="getHTML()" id="Button1">
                        <input type="button" value="set HTML" onclick="setHTML()" id="Button2">
                        <input type="button" value="insert HTML" onclick="PasteHTML('This is a test!')">
                        <input type="button" value="set ActiveTab to Code" onclick="SetActiveTab('Code')">
                        <input type="button" value="set Focus" onclick="setFocus()">
                        <input type="button" value="attach Event (onkeypress)" onclick="CE_attachEvent()">
                        <input type="button" value="detach Event (onkeypress)" onclick="CE_detachEvent()">
                    </p>
                    <br>
                    <select id="Commands">
                        <option value="Cut">Cut</option>
                        <option value="Copy">Copy</option>
                    </select>
                    <input type="button" value="ExecCommand" onclick="ExecCommand()">
                </td>               
            </tr>
        </table>
        </form>
    </body>
</html>
<script language="JavaScript" type="text/javascript">
    var editor1 = document.getElementById("<%=Editor1.ClientID%>");
    if (editor1.IsReady) CuteEditor_OnInitialized(editor);

 

 

 

Regards,

Eric