xheditor編輯器上傳功能實現

暖楓無敵發表於2011-11-10
原文網址 : https://blog.csdn.net/zdw_wym/article/details/6956645

今天幫一個CSDN上的童鞋解決該問題，還是簡單總結一下吧，主要是需要的一些檔案，這裡已整理上傳到CSDN資源中（0分下載）。


1、xheditor檔案下載

http://download.csdn.net/detail/taomanman/3574826


下載後放在根目錄下


2、上傳配置檔案下載

http://download.csdn.net/detail/taomanman/3779192

（PS:

upload.aspx檔案中如下行程式碼 string attachdir ="../upload";//是上傳路徑，根據實際引用xheditor的頁面位置，要進行相應的修改，要不然無法找到位置。

）

也放在根目錄下吧


3、在需要的頁面上，引用相應的js檔案

<head runat="server">
 ...
    <script src="xheditor-1.1.9/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="xheditor-1.1.9/xheditor_plugins/ubb.min.js" type="text/javascript"></script>
    <script src="xheditor-1.1.9/xheditor-1.1.9-zh-cn.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('#tbtmpContent').xheditor({
                upLinkUrl: "upload.aspx", upLinkExt: "zip,rar,txt",
                upImgUrl: "upload.aspx", upImgExt: "jpg,jpeg,gif,png,bmp",
                upFlashUrl: "upload.aspx", upFlashExt: "swf",
                upMediaUrl: "upload.aspx", upMediaExt: "wmv,avi,wma,mp3,mid",
                shortcuts: { 'ctrl+enter': submitForm }
            });
        });
        function submitForm() { $('#form1').submit(); }
    </script>
</head>
<body>
   <form id="form1" method="post" runat="server" enctype="multipart/form-data">
      <asp:TextBox ID="tbtmpContent" TextMode="MultiLine" BorderWidth="0"  runat="server" Width="100%" Height="383px"></asp:TextBox>
  </form>
</body>


相關文章