Re: How to get started with Cute Editor

  •  10-05-2008, 6:58 AM

    Re: How to get started with Cute Editor

    Hi jfeeney,
     
    you can try following code
     

    <%@ Page Language="C#" %>

    <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script runat="server">
       
        public bool HasEditPermissions
        {
            get
            {
                return true;
            }
        }
       
        private string GetSavedValue()
        {
            object obj = Application["myvalue"];
            if (obj != null)
                return obj.ToString();
            return "Click here to edit the news !";
        }
        void SaveValue(string val)
        {
            Application["myvalue"] = val;
        }

        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            if (!IsPostBack)
            {
                string val=GetSavedValue();
                MyContent.Text = GetSavedValue();
                if (HasEditPermissions)
                {
                    Editor1.Text = val;
                }
                else
                {
                    Editor1.Visible = false;
                }
            }
        }

        protected void Editor1_PostBackCommand(object sender, CommandEventArgs e)
        {
            if (e.CommandName == "Save")
            {
                if (HasEditPermissions)
                {
                    SaveValue(Editor1.Text);
                    MyContent.Text = Editor1.Text;
                }
            }
        }
    </script>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="divedit" style="display: none; position: absolute; left: 0px; top: 0px;
                width: 100%; height: 100%; text-align: center; background-color: White; padding-top: 100px;">
                <div>
                    Click save button to save the news...</div>
                <CE:Editor ID="Editor1" runat="server" OnPostBackCommand="Editor1_PostBackCommand">
                </CE:Editor>
            </div>
            <div style="border: solid 1px gray; padding: 12px; margin: 12px;" onclick="showEditor()">
                <asp:Literal ID="MyContent" runat="server"></asp:Literal>
            </div>
        </form>

        <script>
       
        var haspermossion=<%=HasEditPermissions?"true":"false" %>;
       
        function showEditor()
        {
            if(haspermossion)
            {
                document.getElementById("divedit").style.display="";
            }
        }
        </script>

    </body>
    </html>

     
    Regards
     
    Ken
View Complete Thread