• .net百度编辑器的使用


    1.前端引用

    <%@ Page ValidateRequest="false" Language="C#"   AutoEventWireup="true"   CodeBehind="ProductsAdd.aspx.cs" Inherits="Maticsoft.Web.Manager.ProductsAdd"   %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
           <script type="text/javascript" charset="utf-8" src="utf8-net/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="utf8-net/ueditor.all.min.js"> </script>
       <script type="text/javascript" charset="utf-8" src="utf8-net/lang/zh-cn/zh-cn.js"></script>
        <script type="text/javascript">
            
            //实例化编辑器
            //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
            var ue = UE.getEditor('txtEditorContents');
            </script>
         <script type="text/javascript">
             function previewFile() {
                 var preview = document.querySelector('img');
                 var file = document.querySelector('input[type=file]').files[0];
                 var reader = new FileReader();
                 reader.onloadend = function () {
                     preview.src = reader.result;
                 }
                 if (file) {
                     reader.readAsDataURL(file);
                 } else {
                     preview.src = "";
                 }
             }
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="place">
                <span>位置:</span>
                <ul class="placeul">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">表单</a></li>
                </ul>
            </div>
            <div class="formbody">
                <div class="formtitle"><span>基本信息</span></div>
                <ul class="forminfo">
                    <li>
                        <label>商品名</label><input name="txt_name" type="text" class="dfinput" runat="server" id="txt_name" />
                    </li>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="商品名不能为空!" ControlToValidate="txt_name" ForeColor="Red"></asp:RequiredFieldValidator>
                    <li>
                        <label>商品分类</label>
                        <asp:DropDownList ID="DropDownList2" runat="server" Height="29px" Width="193px">
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>商品单价</label><input name="txt_name" type="text" class="dfinput" runat="server" id="Text2" />
    
                    </li>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="价格不能为空!" ControlToValidate="Text2" ForeColor="Red"></asp:RequiredFieldValidator>
    
                    <li>
                        <label>批发价</label><input name="txt_name" type="text" class="dfinput" runat="server" id="Text3" />
                    </li>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="价格不能为空!" ControlToValidate="Text3" ForeColor="Red"></asp:RequiredFieldValidator>
                    <li>
                        <label>单位</label><input name="txt_name" type="text" class="dfinput" runat="server" id="Text1" />
                    </li>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="单位不能为空!" ControlToValidate="Text1" ForeColor="Red"></asp:RequiredFieldValidator>
                  <%--  <li>
                        <label>商品介绍</label><textarea name="txta" style=" 499px; height: 41px" id="Textarea4" runat="server"></textarea>
                    </li>--%>
    <%--                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="商品介绍不能为空!" ControlToValidate="Textarea4"></asp:RequiredFieldValidator>--%>
                    <li>
                        <label>商品图片</label><asp:FileUpload ID="FileUpload" runat="server" onchange="previewFile()" />
                        <asp:Image ID="preview" runat="server" Height="42px" Width="46px" />
                    </li>
                    <li>
                        <label>备注</label><textarea name="txta1" style=" 479px; height: 41px" id="Textarea1" runat="server"></textarea>
                    </li>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="备注不能为空!" ControlToValidate="Textarea1" ForeColor="Red"></asp:RequiredFieldValidator>
                    <li>
                        <label>销量</label>
                        <asp:TextBox ID="TextBox1" runat="server" CssClass="dfinput"></asp:TextBox>
                    </li>
                    <li>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="销量不能为空!" ControlToValidate="TextBox1" ForeColor="Red"></asp:RequiredFieldValidator>
                    </li>
                    <li>
                        <label>是否热门</label>
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem Value="1">热销</asp:ListItem>
                            <asp:ListItem Value="0">不热销</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>推荐</label>
                        <asp:DropDownList ID="DropDownList3" runat="server">
                            <asp:ListItem Value="1">推荐</asp:ListItem>
                            <asp:ListItem Value="0">不推荐</asp:ListItem>
                        </asp:DropDownList>
                    </li>
    
                    <li>
                        <label>新品</label>
                        <asp:DropDownList ID="DropDownList4" runat="server">
                            <asp:ListItem Value="1">新品</asp:ListItem>
                            <asp:ListItem Value="0">不是新品</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>优惠</label>
                        <asp:DropDownList ID="DropDownList5" runat="server">
                            <asp:ListItem Value="1">优惠</asp:ListItem>
                            <asp:ListItem Value="0">不优惠</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>轮播图</label>
                        <asp:DropDownList ID="DropDownList6" runat="server">
                            <asp:ListItem Value="1">宣传</asp:ListItem>
                            <asp:ListItem Value="0">不宣传</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>是否下架</label>
                        <asp:DropDownList ID="DropDownList7" runat="server">
                            <asp:ListItem Value="0">否</asp:ListItem>
                            <asp:ListItem Value="1">是</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <label>颜色</label>
                        <asp:TextBox ID="TextBox2" runat="server" CssClass="dfinput" placeholder="颜色要以逗号分隔开比如:黄,红" Height="28px" Width="378px"></asp:TextBox>
                    </li>
                    <li>
                           <asp:TextBox ID="txtEditorContents" name="txtEditorContents" runat="server" TextMode="MultiLine" Height="200px" Width="1000px" ClientIDMode="Static "> </asp:TextBox><asp:Button ID="btn_add" runat="server" Text="确认添加" CssClass="btn" OnClick="btn_add_Click" Height="39px" Width="121px" OnClientClick="getcked()" />
                    </li>
                   
                </ul>
               
            </div>
        </form>
    </body>
    </html>

    2.后台赋值

     model.P_text = txtEditorContents.Text;

    下载地址:链接:https://pan.baidu.com/s/1pJmEsR2LUJCljkNBuqabpA 密码:0r18

    
    
    成为不了聪明的人,那就做一个有耐心、肯钻研,坚持不懈,永不放弃的人……
  • 相关阅读:
    Linux常用操作命令总结
    Centos7安装FastDFS教程
    Permutation Sequence
    Next Permutation
    Remove Element
    4Sum
    3Sum Closest
    3Sum
    Longest Consecutive Sequence
    Median of Two Sorted Arrays
  • 原文地址:https://www.cnblogs.com/wrld/p/9296061.html
Copyright © 2020-2023  润新知