Re: Customised image selector unable to work in Chrome v13.0.782.220 m

  •  09-14-2011, 7:37 AM

    Re: Customised image selector unable to work in Chrome v13.0.782.220 m

    Hi huatz,
     
    Please try the example below.
     
    <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>

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

    <html>
    <head>
        <title>ASP.NET WYSIWYG Editor - Use CuteEditor as an image selector</title>
        <style>
            body {
            text-align: center;
            margin-top:20px
            }
            .demo {
            text-align: left;
            width: 700px;
            border:solid 5px #CBCAC6;
            background-color:#fbfbfb;
            padding: 30px 30px 50px 30px;
            font-family:Segoe UI, Arial,Verdana,Helvetica,sans-serif;
            font-size: 100%;
            margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <form id="Form1" runat="server">
          
                <asp:TextBox ID="imageFld" Width="300" runat="server" />
                <input type="button" value="Change Image" onclick="callInsertImage()" id="Change"
                    runat="server" name="Change">
                <CE:Editor id="Editor1" runat="server" Width="1" Height="1" AutoConfigure="None"
                    ShowHtmlMode="False" ShowPreviewMode="False" EnableContextMenu="false" ShowGroupMenuImage="False"
                    ShowBottomBar="False" BackColor="White" BorderColor="White">
                </CE:Editor>
       
        </form>

        <script language="javascript">
        function callInsertImage()  
        {  
                var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            
                var editdoc = editor1.GetDocument();  
                editor1.SetHTML("");
                editor1.ExecCommand('ImageGalleryByBrowsing');
                InputURL();
        }    
        
        function InputURL()
        {
            var editor1 = document.getElementById('<%=Editor1.ClientID%>');
            var editdoc = editor1.GetDocument();  
            var imgs = editdoc.images;
            if(imgs.length>0)  
            {    document.getElementById("imageFld").value = imgs[imgs.length-1].src;
                editor1.ExecCommand('new');
                document.getElementById("imageFld").focus();
            }  
            else
            {
                setTimeout(InputURL,500);
            }  
        }       
        </script>

    </body>
    </html>
     
    Regards,
     
    Ken
View Complete Thread