当前位置:编程学习 > C#/ASP.NET >>

在.net 中嵌入百度编辑器ueditor的源码

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
       <script type="text/javascript" charset="utf-8" src="../../ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../ueditor/ueditor.all.js"></script>
    <script type="text/javascript" charset="utf-8">
        window.UEDITOR_HOME_URL = "/ueditor/";
    </script>
   <script type="text/javascript">
       function checkcontent(sender, args) {
           var content = UE.getEditor('<%=editor.ClientID%>').getContent();
            content = content.replace(/ /g, "");
            content = content.replace(/\s/g, "");
            content = content.replace(/ /g, "");
            content = content.replace(/<br\/>/g, "");
            content = content.replace(/<p><\/p>/g, "");
            content = content.replace(/<div><\/div>/g, "");
            if (content == "" || content == null) {
                selferror('内容不能为空!');
                args.IsValid = false;
                return false;
            }
            else {
                args.IsValid = true;
                return true;
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True" EnableScriptLocalization="True"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div style="text-align: left; padding-top: 5px;">
                <div style="height: 25px;">
                    种类:<asp:DropDownList ID="drphtzl" runat="server">
                    </asp:DropDownList>
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="不能为空!"
                        ControlToValidate="drphtzl" Display="None"></asp:RequiredFieldValidator>
                    <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender3" Width="140px" runat="server"
                        TargetControlID="RequiredFieldValidator3" CloseImageUrl="~/HtGl/Icon/system_close.gif"
                        WarningIconImageUrl="~/HtGl/Icon/alert.png" HighlightCssClass="cssValidatorCalloutHighlight"
                        CssClass="cssVCE">
                    </cc1:ValidatorCalloutExtender>                   
                </div>
                <div style="height: 25px;">
                    标题:<asp:TextBox ID="txttitle" runat="server" Width="300"></asp:TextBox>
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="不能为空!"
                        ControlToValidate="txttitle" Display="None"></asp:RequiredFieldValidator>
                    <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" Width="140px" runat="server"
                        TargetControlID="RequiredFieldValidator2" CloseImageUrl="~/HtGl/Icon/system_close.gif"
                        WarningIconImageUrl="~/HtGl/Icon/alert.png" HighlightCssClass="cssValidatorCalloutHighlight"
                        CssClass="cssVCE">
                    </cc1:ValidatorCalloutExtender>
                </div>
                <div style="text-align: left; padding-top: 5px;">
                    内容:
                 <textarea id="editor" name="editor" cols="20" rows="2" runat="server"></textarea>
                     <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="不能为空!"
                        ControlToValidate="editor" ValidateEmptyText="true" ClientValidationFunction="checkcontent"
                        Display="None"></asp:CustomValidator>
                </div>
                <div style="text-align: center;">
                    <asp:ImageButton ID="btnsave" runat="server" ImageUrl="../icon/btnsave.png" OnClick="btnsave_Click"  />
                </div>
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="btnsave" />
         </Triggers>
    </asp:UpdatePanel>
    <script type="text/javascript">
        //实例化编辑器
        var options = {
            initialFrameWidth: 800,
            initialFrameHeight: 300,
            toolbars: [
            ['cleardoc', 'selectall', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat',
                'formatmatch', 'autotypeset', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', '|', 'rowspacingtop',
                'rowspacingbottom', 'lineheight', '|', 'link', 'unlink', '|', 'preview', '|', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyjustify', '|', 'horizontal', 'date', 'time', 'spechars', '|', 'inserttable', 'deletetable',
                'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows',
                'splittocols', '|', 'searchreplace', '|', 'fullscreen']
            ],
            focus: false
        };
        var ue = UE.getEditor('<%= editor.ClientID %>', options);     
    </script>
</asp:Content>
补充:.NET技术 ,  C#
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,